PaperJS旋转函数显示项目两次

PaperJS Rotate function displaying item two times

本文关键字:两次 项目 旋转 函数 显示 PaperJS      更新时间:2023-09-26

当我尝试旋转路径时,它会显示相同的项目两次。有没有人能帮我防止这个项目显示两次。

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;

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

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