SVG定義の再利用

HTMLテーブルに同じSVGを何百回も表示する必要があります。テーブルは、SVG defsを含むjavascriptを使用して完全に作成されます。SVG定義の再利用

新しいSVG要素を毎回作成する方が効率的ですし、SVG要素を一度作成してXMLシリアライザを使用してHTMLイメージに複製してから、イメージを再利用する必要がありますクローン作成されたSVGにsrcを設定する）？

2017-11-22 Steve Brooker

IMMそれはほぼ同じです：svg/imageもドキュメントですが、アクセスできません。また、['']（https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use）要素を考慮することもできます。これによりコードは少なくても書き留めることができますブラウザでも同じです。 – Kaiido

ありがとうKalido。後で同じSVGイメージをHTMLキャンバスに複数回表示する必要があるため、SVG定義で「使用」を使用することに反対しました（私は同意します）。これは、SVG定義をクローンしなければならないことを知っています。これを行うImage（これを行うときに外部のSVG参照は機能しません）。 –

私は正確なタイミングを行っていませんが、何百ものSVGを作成してそれらをすべて同じ内部定義に設定することにスピードの問題はないようです。

出典

2017-11-22 07:43:40

答えて

関連する問題