モバイル HTML5 ベースのアプリ スプライト ファイルに初めて SVG を使用しています (Retina やその他の画面サイズの違いを簡単に処理できます)。
生成された SVG は (テキスト ファイルであるため) 直接操作できることはわかっていますが、CSS またはスクリプトを使用して SVG アセット (この場合は CSS を介して読み込まれた背景画像) を変更できますか?
たとえば、真っ黒な SVG オブジェクトを読み込んで、それを白に変更できますか?
質問する
4456 次
1 に答える
6
imgSVG ファイルがイメージとしてロードされている場合 (またはを介して)、SVG ファイルの DOM にアクセスすることはできませんbackground-image。CSS でスタイルを設定することもできません。
この種の操作を行う場合は、SVG をdiv. その div に対してスプライトのような操作を実行できるはずです。CSS または JavaScript を使用してスタイルを設定できます。
SVG はインライン化する必要があります。SVG をコピーしbackground-imageて、ajax リクエストを介してそこに格納またはロードしていた div に貼り付けることができます。
アニメートする代わりに、またはでアニメートbackground-positionできます。left-webkit-transform: translate(...)
于 2012-11-15T05:19:36.067 に答える