SVGとは何ですか、どのように動作しますか？

CSSのSVGはどのように機能しますか？たとえば、IE9でグラデーションを使用するには、このエディタを使用しました。 http://www.colorzilla.com/gradient-editor/SVGとは何ですか、どのように動作しますか？

これは、SVG構造を使用するIE9用のコードを吐き出します。誰かがこれがどういうものなのか、どういう仕組みかを説明することができますかだから、どこからでもファイルを読み込まないので、SVGファイルをコンパイルするためのurlのデータプロパティを使うだけです。

data:image/svg+xml;base64は何を意味しますか？

ページのレンダリングが遅くなりますか？私はPIEがそれをかなり減速させることを知っているので、グラデーションのためのPIEの代わりにIE9の値を疑問に思っています。

出典

2012-03-13 Chapsterj

SVGはイメージを記述するXML言語です。[MDN]（https://developer.mozilla.org/en/SVG）を参照してください。 'data：...'は[data URL]（http://en.wikipedia.org/wiki/Data_Url）です。 –

グーグルSVGは質問を投稿するよりもはるかに速くなります。 –

@JonathonReinhart本来、このサイトは、OPに「googleの質問」をアドバイスする人々のみが最初のページ検索結果リソースになります。 –

これは、基本64エンコードされたイメージをCSSファイルに埋め込んでいるため、アプリケーションでイメージに対して別の明示的なHTTP要求を行う必要がないということです。それは本質的にあなたのCSSファイルに含まれています。

出典

2012-03-13 23:26:22 KodeKreachor

9はグラデーションをサポートしていませんが、svgをサポートしているので、svgを与えています。 – tkone

レンダリングに時間がかかりますか？例えば、PIEは多くのレンダリング時間を要します。 – Chapsterj

他のブラウザにも読み込まれるか、IE9でのみサポートされます。私が尋ねる理由は、Internet Explorer8またはIE7でクラスを追加する必要はありません。IE7の特定のグラデーションスタイルをフィルターを使用してクラスに追加すると、それらのページにロードされません。 – Chapsterj

データURL（link @MDN）です。 image/svg+xmlはSVG画像を表示します（PNGなどではありません）。最後にbase64は、次のコンテンツがbase64を使用してエンコードされていることを意味します。

出典

2012-03-13 23:27:05 Sirko

CSSの通常のjpgと同じようにSVGファイルを使用できます。たとえば、background: url(image.svg);です。 CSSを使ってSVGを実装する方法の1つです。

出典

2012-03-13 23:31:04 davecave

SVGとは何ですか、どのように動作しますか？

答えて

関連する問題