Matter JS - 無法呈現SVG路徑

我使用Matter JS，我試圖將自己的SVG形狀呈現給畫布。儘管我仍然遇到錯誤，但仍然遵循其文檔。這是一個工作演示我在網上找到：Matter JS - 無法呈現SVG路徑

你可以看到，路徑正確地呈現在畫布上。當我嘗試更換示例中的<path />元素或整個<svg>時，控制檯中出現錯誤。這裏是我用我自己的SVG但得到錯誤的例子：

我最好的猜測是，這是由我節省了SVG格式引起的，但我不確定如果a）這是正確的或b）我可以改變什麼設置來解決這個問題。

歡呼

我是新來Matter.js但它看起來像在你的代碼的問題是，你沒有使用正確Bodies.fromVertices。

let body = Bodies.fromVertices(100 * i + 300, 200 + i * 30, vertexSets, { 
    isStatic: false, 
}, true, 0.01, 30);

該文檔要求向量而不是頂點。

Matter.Bodies.fromVertices(x, y, [[vector]], [options], [flagInternal=false], [removeCollinear=0.01], [minimumArea=10])]

這導致body（let body = ...）是不確定的。

不幸的是，我還不確定如何解決你的代碼。

2017-11-01 18:36:28

回答