Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Matter JS-无法呈现SVG路径_Javascript_Svg_Matter.js - Fatal编程技术网

Javascript 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

我使用Matter JS,并尝试将自己的SVG形状渲染到画布上。在遵循他们的文档之后,尽管我一直遇到错误。这是我在网上找到的一个工作演示:

您可以看到路径已正确渲染到画布。当我尝试仅替换示例中的
元素或整个
时,控制台中会出现错误。下面是我使用自己的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输入的示例。