我正在使用这些语言构建一个系统，其中dom元素是通过单击创建的，并以适当的物理方式运行。基本上，元素是在设置中创建的，可见性隐藏，单击时会创建一个包含matter.js矩形的框数组，每个矩形都有dom元素的大小。在draw中，所有内容都被更新为dom元素具有matter.js元素的位置和旋转。希望我能正确解释一切，哈哈。
这是最终结果，一切似乎都很好：https://codepen.io/giambrodo/pen/RwBvRjV
问题是，当试图通过使用画布来可视化matter.js矩形来设置所有内容的样式并再次检查物理时，会出现这种情况：https://codepen.io/giambrodo/pen/WNKjgmg
繁荣我做错了什么？我的意思是，DOM元素显然没有与矩形对齐，尤其是对于p元素，当它们被样式化时，它们会变得疯狂。我无法理解这是怎么发生的。请有人帮我：(
另外，我已经清楚地看到了Matter.js中的HTML元素，即使以稍微不同的方式，它对我来说似乎完全相同，但我仍然遇到了这些问题。
我用过这个：
img[this.id].position(this.pos.x - img[this.id].width/2, this.pos.y - img[this.id].height/2);
img[this.id].style('transform', 'rotate(' + this.angle + 'rad)');