我有一個像這樣的 svg 設計：
真正的 svg
當我使用 renderCustomNodeElement 屬性將此 svg 放入 Tree 組件時，svg 更改如下：
破碎的svg
有誰知道為什么會這樣？
您可以從這里查看完整代碼： https ://codesandbox.io/s/rd3t-v2-custom-svg-tag-forked-dp4bbt?file=/src/App.js
uj5u.com熱心網友回復：
在檢查器中查看代碼時，您可以看到以下類已添加到您的元素中：
.rd3t-node {
cursor: pointer;
fill: #777;
stroke: #000;
stroke-width: 2;
}
這些筆畫屬性是造成它的原因。我無法立即說出是什么原因造成的，但它似乎是 react-d3-tree 庫添加的一個類。
我將以下內容添加到您的styles.css 中，修復了它。
svg .rd3t-node {
stroke-width: 0px;
}
請注意，如果您在 svg 中添加任何有筆觸的東西，這也可能會與筆觸混淆。最好檢查react d3 tree檔案以查看是否可以以更好的方式覆寫它。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/476958.html
標籤：javascript 反应 svg d3.js d3树
上一篇：Centos 安裝 docker
下一篇：漸變影片上的svg蒙版