在d3.js中的另一個svg內附加一個元素svg
[英]append a element svg inside another svg in d3.js
問題描述
我目前有一個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>
1 個解決方案
解決方案1
0 2018-03-26 04:26:05
或者，您實際上可以在不使用d3.js的情況下將子級svg嵌入父級svg中：
<svg>
<g>
<svg>
...
</svg>
</g>
</svg>
D3.js 使用 d3 append 將“rect”元素添加到 svg 時不可見的 rect 元素
[英]D3.js Invisible rect element when using d3 append to add “rect” elements to an svg
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.