ベクトルSVGまたは圧縮されたSVGZイラストをWebサイトに埋め込む最も簡単な方法は何ですか?
2016バージョンのFirefox、Chrome、Opera、Safari、およびInternetExplorerで正しく動作する必要があります。
4 に答える
これはあなたを助けます...
<embed src="svg.svgz" width="200px" height="200px" type="image/svg+xml" />
IE8は(SVGWebなどの追加のライブラリなしで)SVGをサポートしていないため、マークアップに関係なくSVGを機能させることはできません。
あなたが説明する方法はうまく機能しますが、私は個人的にSVGをXHTMLにインラインで含めることを好みます。これにより、HTMLとSVGのCSSスタイルを混合し、完全なJavaScriptの混合を提供できます。ここにこの例があります:http://phrogz.net/svg/3-point-circle.xhtml
Content-Type:application/xhtml+xml
必ずWebサーバーからの.xhtmlファイルを提供してください。
SVGをRaphael.isに変換できます。これにより、IE6以降およびWebkitブラウザーでSVGが機能するようになります。この画像を見てください。終了したら、リンクをクリックしてページとSVGTOHTMLツールにアクセスしてください。SVGZについてはよくわかりませんが、これらのファイルはかなりコンパクトで、SVG for Webkitで動作し、プロプライエタリIEのVMLと呼ばれる痛みを伴います。
http://www.irunmywebsite.com/raphael/teacup.php iPodでのスペル入力についてお詫びします!
クロスブラウザー互換のSVG埋め込みを作成するツールキットであるsvgwebを使用できます。IEの場合、Flashファイルが自動的に作成されます。