回答編集履歴

2

typo修正

2018/03/21 23:27

投稿

defghi1977
defghi1977

スコア4756

test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
  NOTE:
14
14
 
15
- この他に, ノードの形状(`path`要素の`d`属性の複雑度), SVG要素の種類(`use`,`marker`要素), `g`要素のネスト等が描画パフォーマンスに影響を及ぼします. 一方, 単一図形の大きさ(描画領域からはみ出た部分)の大きさについてはほとんど考える必要はありません.
15
+ この他に, ノードの形状(`path`要素の`d`属性の複雑度), SVG要素の種類(`use`,`marker`要素), `g`要素のネスト等が描画パフォーマンスに影響を及ぼします. 一方, 単一図形の大きさ(描画領域からはみ出た部分)についてはほとんど考える必要はありません.
16
16
 
17
17
 
18
18
 

1

補足を追加

2018/03/21 23:27

投稿

defghi1977
defghi1977

スコア4756

test CHANGED
@@ -7,6 +7,12 @@
7
7
 
8
8
 
9
9
  スクリーンに表示されていなくともDOMツリーにノードが展開されている以上メモリを消費しています. SVGの動作パフォーマンス要因の一つにこのDOMツリーのシンプルさがあるため, スクリーンに表示されているノードのみでグラフィックを構成するのが理想です. が, (条件にもよりますが)数百程度のノードであれば今日のWEBブラウザを稼働しているシステムではさほど影響は出ません.
10
+
11
+
12
+
13
+ NOTE:
14
+
15
+ この他に, ノードの形状(`path`要素の`d`属性の複雑度), SVG要素の種類(`use`,`marker`要素), `g`要素のネスト等が描画パフォーマンスに影響を及ぼします. 一方, 単一図形の大きさ(描画領域からはみ出た部分)の大きさについてはほとんど考える必要はありません.
10
16
 
11
17
 
12
18