1. ホーム
  2. ヒント
  3. アニメーションSVG画像の問題
  1. ホーム
  2. トラブルシューティング
  3. アニメーションSVG画像の問題

アニメーションSVG画像の問題

課題

アニメーション化されたSVG画像を自分のサイトに追加しても、アニメーション化されません。

原因

でサイトのコンテンツにSVG画像を追加する場合 Blocs、通常、標準のHTML画像タグ(image Bric)。 アニメーション化されたSVG画像には通常、追加のコードが含まれています。SVG画像が標準の静止画像として読み込まれる場合、この追加のコードはブラウザによって実行されません。

ソリューション

選択したテキストエディタでSVG画像を開き、SVGファイル内からすべてのコードコンテンツをコピーします。 の中に Blocs を追加 コードウィジェット ページに移動し、コードウィジェットのアプリ内プレビュー機能を無効にするように注意してください。 次に、デザインキャンバスのコードウィジェットをダブルクリックし、表示されるコード入力ウィンドウにSVGコードを貼り付けます。

これで、を使用してサイトをプレビューすると、 Blocs アプリ内 プレビューモード、SVG画像は期待どおりにアニメーション化されます。

13年2020月XNUMX日に更新

この記事は役に立ちましたか?

関連記事