☰

SVG はビットマップ画像の埋め込みをサポートしていますか? 質問する

tag-icon • tag-icon image svg bitmapimage
SVG はビットマップ画像の埋め込みをサポートしていますか? 質問する

SVG 画像は純粋にベクター画像ですか、それともビットマップ画像を SVG 画像に組み合わせることができますか? ビットマップ画像に適用された変換 (パースペクティブ、マッピングなど) はどうですか?

編集: 画像はリンク参照によってSVGに含めることができます。http://www.w3.org/TR/SVG/struct.html#ImageElement私の質問は、ビットマップ画像を svg 内に含めることで svg 画像が自己完結的になるかどうかでした。そうしないと、svg 画像が表示されるたびにリンクをたどって画像をダウンロードする必要があります。どうやら、.svg ファイルは単なる xml ファイルのようです。

ベストアンサー1

はい、要素から任意の画像を参照できますimage。また、データ URISVG を自己完結型にします。例:

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">

    ...
    <image
        width="100" height="100"
        xlink:href="data:image/png;base64,IMAGE_DATA"
        />
    ...
</svg>

要素svg属性は次のようにxmlns:xlink宣言しますxlink名前空間プレフィックス定義がどこにあるかを示します。これにより、SVGリーダーはxlink:href意味を知る。

ここIMAGE_DATAで、画像データを base64 でエンコードされたテキストとして追加します。SVG をサポートするベクター グラフィック エディターには、通常、画像を埋め込んで保存するオプションがあります。それ以外の場合は、バイト ストリームを base64 にエンコードしたり、base64 からエンコードしたりするためのツールが多数あります。

完全な例SVG テストスイートから。

おすすめ記事