使用 SVG.js 克隆一个 SVG 矩形

Question

您好，我正在尝试使用 svg.js 库克隆这个 SVG 矩形。我像这样尝试过，但它似乎不起作用，还是我必须做其他事情才能真正出现/被绘制？

 var rect = draw.rect(1650, 850).move(100, 20).attr ({ 
    fill: 'white',
    stroke: '#000',
    'stroke-width': 5
    })

    var clone = rect.clone(rect);

期待您的回答！

Answer 1

我认为这里的问题是您将参数传递给克隆方法。如果你传递一个参数给它，它会认为那是父级。

所以代码试图克隆矩形，并将克隆添加到矩形元素。

问题是，rect不是容器元素，所以没有子元素，不能添加。

因此，如果需要，您需要传入不同的父元素（如 ag 或 svg 元素），或者根本不包含参数，只需调用 clone()，它应该将其放在现有 rect 元素之后。