Pet*_*ric 1 javascript matter.js
我正在使用matter.js并且我有具有绝对位置的对象的顶点数据（来自 SVG 文件）。当我尝试将它们放在地图上时，它们最终都位于 0, 0 附近。使用以下代码片段很容易观察到这一点：
<body>
<script src="matter-0.8.0.js"></script>
<script>
var engine = Matter.Engine.create(document.body);
var object = Matter.Body.create(
{
vertices: [ { x: 300, y: 300 }, { x: 200, y: 300 }, { x: 350, y: 200 } ],
isStatic: true
});
Matter.World.add(engine.world, [object]);
Matter.Engine.run(engine);
</script>
</body>
或者看看这个jsfiddle：https ://jsfiddle.net/vr213z4u/
这个定位应该如何工作？我是否需要将绝对位置数据标准化为相对位置并使用发送到 Matter.Object.create 的选项的位置属性？我试过了，但所有的物体都有点位移，可能是因为我缺乏理解。
更新/澄清： 我的目标是创建对象的顶点最终完全位于它们在源数据中的坐标上。
在创建物体时，顶点围绕它们的质心重新定向，然后转换为给定的body.position。由于您没有在此处传递位置向量，因此默认为 (0, 0)。
尝试这样的事情：
var body = Matter.Body.create({
position: { x: 500, y: 500 },
vertices: [{ x: 300, y: 300 }, { x: 200, y: 300 }, { x: 350, y: 200 }],
isStatic: true
});
如果您希望位置是绝对的：
var vertices = [{ x: 300, y: 300 }, { x: 200, y: 300 }, { x: 350, y: 200 }];
var body = Matter.Body.create({
position: Matter.Vertices.centre(vertices),
vertices: vertices,
isStatic: true
});
| 归档时间： |
|
| 查看次数： |
1614 次 |
| 最近记录： |