外部svgファイルをリンクとしてsvgファイルに挿入できるGUIエディタを探しています。
目論見としては、部品を集めたparts.svgファイルを用意して、別のsvgからparts.svgの各部品をuseで
参照したいと思っています。
SVG1つめ
svg
1<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" viewBox="0 0 512 512"> 2 <use id="label1" xlink:href="parts.svg#label"></use> 3 <use id="button1-1" xlink:href="parts.svg#button"></use> 4</svg>
SVG2つめ
svg
1<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" viewBox="0 0 512 512"> 2 <use id="input2" xlink:href="parts.svg#textinput"></use> 3 <use id="button2-1" xlink:href="parts.svg#button"></use> 4 <use id="button2-2" xlink:href="parts.svg#button"></use> 5</svg>
こうしておけば、parts.svgの中身を変えるだけで、複数のsvgの中のparts参照も変わるので便利かと。
VSCodeその他諸々のテキストエディタで書けば書けるのですが、絵をかいてもらうのはコーダーではない方々なので、
GUIで<use xlink...></use>を作ってくれるエディタを探しています。
自分で試したのは以下の通りです。
Inkscape
- bitmapはLinkで貼り付けられますが、svgはインラインで展開されてしまいます。
Gravit Designer
- リンク貼り付けまではできたのですが、リンク貼り付けされたファイルをsvgにExportする段階で
なぜか止まってしまいます。
以上よろしくお願いします。
あなたの回答
tips
プレビュー