PaperJS旋转功能显示项目两次

Question

当我尝试旋转路径时，它会显示相同的项目两次。可以帮助我阻止项目显示两次。

var center1 = ball1.position;
var center2 = ball2.position;

// Create a triangle shaped path 
var triangle = new Path.RegularPolygon(new Point(80, 70), 3, 12);
triangle.id = Math.random();
triangle.fillColor = '#fff';
//triangle.selected = true;
triangle.strokeColor = '#00304A';
triangle.strokeWidth = 2;
triangle.position = path.position; **
var arrowAngle = 90 + ((center2.subtract(center1)).angle); ** triangle.rotation = arrowAngle;

Answer 1

我不确定你为什么会得到两个三角形（我没有足够的代码来查看原因是什么）但主要问题是rotation是一个只读属性 - 你不能设置它。尝试使用rotate()。

http://paperjs.org/reference/path/#rotate-angle