jquery - 如何使用 jQuery 复制和粘贴 SVG 节点

标签 jquery svg copy-paste treenode

我在网页中嵌入了一些 SVG,需要复制特定的 SVG 节点(包括它的子节点),然后将其粘贴回 DOM 中。唯一的问题是,粘贴后 SVG 节点没有出现,这可能是因为它是命名空间的。

那么,如何复制并粘贴命名空间 SVG 节点?我想这将是某种递归函数。

附注目前使用jQuery的clone()方法来复制SVG节点。

测试 SVG:

<g>

    <rect>
    <text></text>

    <g>

        <circle>
        <rect>

    </g>

</g>

如何递归地将 SVG 添加到 DOM,记住应该使用 createElementNS,因为 SVG 是命名空间的。

最佳答案

似乎可以通过使用 jQuery 的 $.parseXML 函数来实现该解决方案。

谢谢你。

关于jquery - 如何使用 jQuery 复制和粘贴 SVG 节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7350119/

相关文章:

javascript - 如何替换 src 域名 tld

jquery - each() 切换复选框 append 此值 else if 语句在 jQuery

linux - IntelliJ IC Linux 中是否可以进行外部拖放或复制/粘贴?

windows-7 - 剪贴板复制和粘贴在 VMWare Player 12 中不起作用

javascript - 如何在表单输入框中设置文本限制

javascript - jQuery:在 not 和 CSS 的多个选择器方面遇到麻烦

javascript - 增加 SVG 元素的悬停区域

html - 带有 viewBox 和 preserveAspectRatio ="none"的 SVG 元素,内部矩形仅随容器 div 的宽度缩放

javascript - 拖拽旋转界面 : how to make it work on a touchscreen?

excel - 从一个单元格中查找值,从该单元格附近的单元格复制值并将其粘贴到另一张表