使用 svg.js 呈现现有路径数据

问题描述

我在 figma 中创建了一个 SVG，我想使用 svg.js 将其导入到我的 HTML 中。我不想导入整个 SVG，而是想提取路径数据（我可以通过将 SVG 粘贴到我的代码编辑器中，然后只复制路径数据来实现），然后在我的代码中使用该路径数据，以便我可以屏蔽它。我希望下面的代码有助于说明我的问题 - 我知道如何导入和呈现现有的 SVG，但我不知道如何导入和呈现一组现有的路径：

codepen link

const draw = SVG().addTo('.container').attr({
viewBox: '0 0 500 500'
})
const rect = draw.rect({
width: 300,height: 300,})

const copyAnsPastedpath = `
<path d="M0 0 ...." />
<path d="M0 0 ...." />
<path d="M0 0 ...." />

`
const mask = draw.mask().add(rect)
copyAndPastedpath.maskWith(mask)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

svg.js