パターンで構成される Illustrator で作成した svg ファイルがあります。これは、スウォッチ ツールを使用して作成されました。ローカルで読み込もうとすると、ブラウザに空白で表示されます。
テストする場合のファイルは次のとおりです。http://d.pr/ZvhV
パターンで構成される Illustrator で作成した svg ファイルがあります。これは、スウォッチ ツールを使用して作成されました。ローカルで読み込もうとすると、ブラウザに空白で表示されます。
テストする場合のファイルは次のとおりです。http://d.pr/ZvhV
ブラウザーはさまざまなレベルの SVG サポートを持っているため、ブラウザーがパターンをサポートしていない可能性があります。
それが Web サイトの一部である場合、私はそれを PNG としてエクスポートします。これは、とにかく訪問者のコンピューターを停止させるほどの大きさのベクター画像です。
これが整理されたことを願っていますが、この問題を抱えている他の人のために: Illustrator 内の .svg 設定として保存を確認してください。
標準設定では空白の .svg が表示されましたが、設定をいじると (フォント タイプ: SVG、CSS プロパティ: スタイル属性、チェックされていない要素を少なく出力、チェックされている XMP を含める)、正常に動作しました。
補足として、.svg をサポートしていないブラウザーのフォールバックがある限り、Web サイトで .svg を使用しても問題ありません。modernizr ( http://modernizr.com/ ) がその設定をカバーしていると思います。