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

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

課題

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

原因

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

ソリューション

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

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

13年2020月XNUMX日に更新

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

関連記事