Дело JS - путь SVG с отверстиями не отображается правильно - PullRequest
0 голосов
/ 30 сентября 2019

Я пытаюсь отобразить путь SVG с помощью физического движка Matter JS. Путь отображается с помощью Matter JS, но не отображается так, как должен. Насколько я понимаю, мне сначала нужно загрузить pathseg (https://github.com/progers/pathseg),, что я и делаю:

var url = 'https://raw.githubusercontent.com/progers/pathseg/master/pathseg.js';

loadGitHubScript(url).then(function() {

  var path = '<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" 
  style="enable-background:new 0 0 512 512;" viewBox="0 0 73.64 63.03"><path class="cls-1" 
  d="M333.85,415.22l-25.57-16.45V446.7l27,2.85Zm-18,22.24v-18l9.06,1.61,2,17.21Z" 
  transform="translate(-261.61 -386.53)"/></svg>';

  var vertices = Matter.Svg.pathToVertices(path);
  var body = Bodies.fromVertices(200, 200, vertices, options);
  World.add(engine.world, body);

});

В результате получается изображение с левой стороны, тогда как оно действительно должно выглядеть какизображение на правой стороне. Как я могу предотвратить это?

enter image description here

...