1. ホーム
  2. xml

[解決済み] SVGをSVGで埋め込む?

2022-08-12 15:53:25

質問

SVG文書を持っていて、その中に外部のsvg画像を含めたいのですが、例えば以下のようなものです。

<object data="logo.svgz" width="100" height="100" x="200" y="400"/>

("object" は単なる例で、外側のドキュメントは xhtml ではなく SVG になります).

何かアイデアはありますか?これは可能ですか? それとも、単にロゴ.svg xml を外側の SVG ドキュメントに叩き込むのが最善でしょうか?

どのように解決するのですか?

この場合 image 要素を使い、SVGファイルを参照します。面白いことに、次のように保存します。 recursion.svg :

<svg width="100%" height="100%" viewBox="-100 -100 200 200" version="1.1"
     xmlns="http://www.w3.org/2000/svg">
  <circle cx="-50" cy="-50" r="30" style="fill:red" />
  <image x="10" y="20" width="80" height="80" href="recursion.svg" />
</svg>