ブックマークの変更をお願いします。要素は、子要素をグループ化して操作を行うための要素です。要素をどのような用途で利用できるのかをまとめておきます。要素にセットしたものが使用されます。要素でまとめてスタイル設定すると効率がよいです。属性を使ってまとめて移動させることができます。要素でグルーピングされた部分は、自分の座標系だけを意識したコンポーネントのように記述できます。値には、次のような変換処理を指定することができます。複数の変換処理をスペース区切りで並べて指定できます。(MDN)例えば、次のように指定すると、平行移動、スキュー、スケールを順番に適用します。生成する場合のコードは次のような感じになります。メソッドを使えば、次のようにメソッドチェーンですべて繋いで記述することも可能です。っぽい書き方なのかもしれません。個々の描画要素にも設定できます。変形させて菱形を作ったり、一時的に位置を移動させる場合などに使用できます。動的に構築する場合、各要素の表示順序(どちらが手前に表示されるか)が問題になったりします。要素で表示順序を制御するだけのレイヤー構造を作り、そこに子要素を追加していくというテクニックが使えます。要素を配置しています。circle)の方が、手前に表示されることが保証されます。