単一の Captivate スライド上に 2 つ以上の SVG がある場合の表示上の問題

問題:2 つ以上の SVG ファイルが単一のスライドに挿入されているときの表示上の問題

2 つ以上の SVG 画像を単一の Captivate スライドに挿入すると、HTML5 にパブリッシュしたときに表示上の問題が発生する可能性があります。

たとえば、HTML5 出力の SVG 画像間で色が入れ替わります。

解決策

この問題は、2 つの画像が同じプロパティを共有している場合に発生します。

この問題を修正するには、Illustrator で SVG ファイルを開き、画像を保存し直します。SVG オプションダイアログボックスの CSS プロパティが「プレゼンテーション属性」に設定されていることを確認します。

Illustrator への画像の保存
Illustrator への画像の保存

CSS プロパティを「プレゼンテーション属性」に設定して SVG·を保存することは、ベストプラクティスとして推奨されています。

 Adobe

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2024

Adobe MAX
クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン

Adobe MAX

クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン

Adobe MAX 2024

Adobe MAX
クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン

Adobe MAX

クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン