Javascript js嵌套了SVG,避免了两个SVG
这都是使用SVG.js实现的 我已经实例化了一个svg,并且正在尝试附加一个子svg,我正在从一个文件加载该子svg。以下是伪代码:Javascript js嵌套了SVG,避免了两个SVG,javascript,svg,svg.js,Javascript,Svg,Svg.js,这都是使用SVG.js实现的 我已经实例化了一个svg,并且正在尝试附加一个子svg,我正在从一个文件加载该子svg。以下是伪代码: let myDoc = ...my root svg element; let myChildSVG = ...require('UIElement.svg'); let child = myDoc.nested().svg(myChildSVG); 这就完成了我想要的,但最终得到了3个svg标记:原始标记、中间标记(来自嵌套标记)和底部标记(来自最后的svg调
let myDoc = ...my root svg element;
let myChildSVG = ...require('UIElement.svg');
let child = myDoc.nested().svg(myChildSVG);
这就完成了我想要的,但最终得到了3个svg标记:原始标记、中间标记(来自嵌套标记)和底部标记(来自最后的svg调用)
我是否缺少一种更好的方法将子对象添加到myDoc中,从而避免使用中间svg?我可以用子对象本身创建嵌套的svg吗?例如:myDoc.nested(myChildSVG)(这似乎不起作用)
谢谢。为什么不干脆
myDoc.svg(myChildSVG)
?导入不会覆盖内容区别在于svg()
返回父svg,而nested()
返回子svg,因此在使用nested().svg()时,我引用了子svg。我现在使用的是parent.svg().select('svg').last()
。感谢您的帮助。您可以使用select(“svg”).first()搜索导入的svg