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

【问题标题】：Paper.js closed arc changes its dimensions on rotationPaper.js 闭合弧在旋转时改变其尺寸
【发布时间】：2021-06-13 09:33:33
【问题描述】：

我使用封闭的弧线绘制了一个简单的半圆形，弧线是使用起点 (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];

问题如下图所示。

【问题讨论】：

标签： javascript geometry paperjs

【解决方案1】：

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

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

【讨论】：

感谢您的回复，但我早就解决了这个问题..我会发布我的答案

【解决方案2】：

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

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

【讨论】：