如何在 PaperJS 中调整一组路径的大小答案

【问题标题】：How to resize a group of path in PaperJS如何在 PaperJS 中调整一组路径的大小
【发布时间】：2021-12-27 14:56:18
【问题描述】：

用 3 个点，我试图实现：在将它们分组到任何路径后旋转、移动和调整大小。路径可以是任何正多边形。

到目前为止，它正在平稳地旋转和移动。但是它在调整大小时失败。

这里是sketch。

有人可以指导或纠正吗？

注意：草图已更新为在拖动形状时移动。

【问题讨论】：

我感觉你应该使用 FabricJS：fabricjs.com
@HelderSepulveda 之前尝试过。他们不擅长交叉路口，非平凡的碰撞检测。检查作者自己在这里提到：link
你的帖子没有关于碰撞的内容......并且记录碰撞在 paperJS 中并非微不足道
@HelderSepulveda 这是正确的，我的帖子是关于调整大小的问题，这是我试图实现的实际要求的一部分。 PaperJS 已经通过了所有的验证，能够以多种方式进行更高级的操作。虽然不像fabricjs那么简单。

标签： javascript html5-canvas resize paperjs

【解决方案1】：

关键是使用item.scale()方法的point参数。
它允许围绕自定义点而不是围绕其中心缩放项目，这是默认行为。
当缩放操作处于活动状态时，您还必须取消组拖动，就像您已经对旋转所做的那样。
这是一个sketch，展示了一个简化的解决您的问题的解决方案（仅处理统一缩放），应该让您走上正轨。

【讨论】：