Javascript Matter JS-无法呈现SVG路径
我使用Matter JS,并尝试将自己的SVG形状渲染到画布上。在遵循他们的文档之后,尽管我一直遇到错误。这是我在网上找到的一个工作演示: 您可以看到路径已正确渲染到画布。当我尝试仅替换示例中的Javascript Matter JS-无法呈现SVG路径,javascript,svg,matter.js,Javascript,Svg,Matter.js,我使用Matter JS,并尝试将自己的SVG形状渲染到画布上。在遵循他们的文档之后,尽管我一直遇到错误。这是我在网上找到的一个工作演示: 您可以看到路径已正确渲染到画布。当我尝试仅替换示例中的元素或整个时,控制台中会出现错误。下面是我使用自己的SVG但出现错误的示例: 我最好的猜测是,这是由我保存SVG的格式引起的,但我不确定a)这是否正确,或者b)我可以更改哪些设置来解决这一问题 干杯我不熟悉Matter.js,但代码中的问题似乎是您没有正确使用body.fromVertexts le
元素或整个
时,控制台中会出现错误。下面是我使用自己的SVG但出现错误的示例:
我最好的猜测是,这是由我保存SVG的格式引起的,但我不确定a)这是否正确,或者b)我可以更改哪些设置来解决这一问题
干杯我不熟悉
Matter.js
,但代码中的问题似乎是您没有正确使用body.fromVertexts
let body = Bodies.fromVertices(100 * i + 300, 200 + i * 30, vertexSets, {
isStatic: false,
}, true, 0.01, 30);
文档要求的是向量而不是顶点
Matter.body.from顶点(x,y,[[vector]],[options],[flagInternal=false],[removeCollinear=0.01],[minimumArea=10])
]
这导致未定义body
(let body=…
)
不幸的是,我还不知道如何修复您的代码。Fiddle死了,没有人提出这个问题,所以我投票决定结束。请参阅使用SVG路径作为MJS输入的示例。