Paper.js 闭合圆弧在旋转时改变其尺寸

Question

我使用闭合圆弧绘制了一个简单的半圆形状，该圆弧是使用起点 (x,y)、终点 (x,y) 和通过点 (x,y) 创建的

var from = new Point(20, 20);
var through = new Point(60, 20);
var to = new Point(80, 80);
var path = new Path.Arc(from, through, to);
path.closed = true;

它的宽度和长度不一样，当我以任何角度旋转它时，它的尺寸开始变形。为什么会发生这种情况，我该如何解决？

请注意，只有当我使用 path.size 属性.

将形状的长度和宽度设置为不同时才会发生这种情况

path.size = [calcWidth, calcHeight];

问题如下图所示。

Answer 1

设置 path.size 属性（未记录 http://paperjs.org/reference/path/）时您要做什么？

我猜你应该改用 path.scale() 函数。

Answer 2

已解决..我在我的形状上同时使用了尺寸属性和缩放功能。导致问题的原因是我会旋转形状然后调用缩放函数。

相反，我设置大小，然后缩放形状，然后调用旋转功能。这将使形状保持其尺寸不变

Paper.js 闭合圆弧在旋转时改变其尺寸

Paper.js closed arc changes its dimensions on rotation

javascript

geometry

paperjs