DOM内のSVGコードとCSSのバックグラウンドソース：DOMトラバーサルへの影響

免責事項：私は検索しましたが、この質問に対する事実上の回答が見つかりました。DOM内のSVGコードとCSSのバックグラウンドソース：DOMトラバーサルへの影響

webappでたくさんのsvgイメージを使用する必要があります。私は直接DOM要素に複数回svgコードをダンプするか、CSSバックグラウンドプロパティとして使用し、これらの要素にCSSクラスを適用する必要がありますか？

背景：私はあなたのDOMの長さを増やすことはDOMのトラバーサルに悪影響を及ぼすことに常に疑問を抱いていますが、新しい画像を作成する代わりに、DOM内のsvg要素のプロパティを変更するためにCSSを使用するという事実が気に入っています。

誰でもこのような種類の比較はありますか？

2017-11-01 Pratyush

CSSバックグラウンドのプロパティにCSSクラスをどのように適用することを提案していますか？ –

「CSSバックグラウンドのCSSクラス」プロパティは、私が意図したものではありません。私はsvgコードをCSSのbackgound-imageプロパティとして使用しているときにDOMトラバーサルに与える影響について質問していました。 – Pratyush

インラインSVGはドキュメントのDOMの一部ですが、CSSの背景イメージの内容は表示されません。これらの背景イメージにはDOMがあります。アクセスできない。 –

SVGをbackground-imageとして使用している場合、スタイルを変更する方法はありません。

CSSで動的にスタイルを設定する必要がある場合は、ページ内で動的にスタイルを設定する必要がある場合は、インライン化する必要があります。

出典

2017-11-02 10:59:54

それは私の質問ではありません。私の質問は、DOMのSVG要素の100をインライン展開する効果が、CSSの背景プロパティと同じように直接使用されているのか？ – Pratyush

DOM内のオブジェクトの数が増えると、明らかにDOMトラバーサルがある程度まで遅くなります。しかし、あなたが実際にレンダリングしているものに比べて、一般に無視できる程度です。それがあなたに影響するかどうかについての本当の答えは、それを試してみることです。純粋に理論的な質問として、それは基本的に答えられない。 –

DOM内のSVGコードとCSSのバックグラウンドソース：DOMトラバーサルへの影響

答えて

関連する問題