i当前有一个SVG,它是包含我所有元素的主要svg。然后,我还有另一个与标记图相对应的SVG。在我的主SVG中是否有可能添加第二个SVG?如果是这样,添加我的2个标记并修改其大小的正确/最佳方法是什么?
在此行中创建了第一个SVG:
const svg = d3.select("body").append("svg").attr("width",250).attr("height",250);
第二个是标记。
这是我的代码:
<body>
<div id="circles" style="width:100%; height:100%x; border: 2px solid blue"></div>
<svg viewBox="0 0 26900 35810" xmlns="http://www.w3.org/2000/svg">
<path fill="#D82C62" d="m13406 35810c424-340 9325-12335 10071-13340 1180-1589 2146-2848 2818-5086 2756-9189-4320-17352-12785-17384-9099-34-15490 8788-12948 17248 980 3261 3947 6682 6125 9588l5018 6693c517 689 1266 1582 1701 2281z"/>
</svg>
<script type="text/javascript">
const svg = d3.select("body").append("svg").attr("width",250).attr("height",250);
</script>
</body>
http://plnkr.co/edit/adeo6wssdvcv4quidhvw?p=preview
,或者您实际上可以将svg嵌入父母svg中,而没有d3.js:
<svg>
<g>
<svg>
...
</svg>
</g>
</svg>