Paper.js 鼠标事件未通过 canvas 转换进行翻译
Paper.js mouse events not translating with canvas transforms
出于性能和美学原因，我将 canvas 与 Paper.js "drawing" 进行 CSS 变换（旋转）。基本上，在滚动时，canvas 会旋转，并有一个过渡持续时间来平滑它。
最重要的是，我的 Paper.js 路径上有鼠标事件，因此在悬停时它们会改变颜色。但是，当 CSS 转换应用于 canvas 时，鼠标事件 "disappear," 由于缺少更好的词而不起作用。我猜想沿线的某个地方，CSS 转换正在 [=24=] 绘制的元素上工作，但跳过或以不同方式应用于由 Paper.js 创建的与我的路径相关的鼠标事件。有什么解决办法吗？
paperjs 不知道 CSS 变换，因此它无法将鼠标事件映射到形状的变换位置。如果您需要使用转换，则必须使用 paperjs 转换：transform。我相信这适用于一层。
我在这里回答了同样的问题：https://github.com/paperjs/paper.js/issues/945
出于性能和美学原因，我将 canvas 与 Paper.js "drawing" 进行 CSS 变换（旋转）。基本上，在滚动时，canvas 会旋转，并有一个过渡持续时间来平滑它。
最重要的是，我的 Paper.js 路径上有鼠标事件，因此在悬停时它们会改变颜色。但是，当 CSS 转换应用于 canvas 时，鼠标事件 "disappear," 由于缺少更好的词而不起作用。我猜想沿线的某个地方，CSS 转换正在 [=24=] 绘制的元素上工作，但跳过或以不同方式应用于由 Paper.js 创建的与我的路径相关的鼠标事件。有什么解决办法吗？
paperjs 不知道 CSS 变换，因此它无法将鼠标事件映射到形状的变换位置。如果您需要使用转换，则必须使用 paperjs 转换：transform。我相信这适用于一层。
我在这里回答了同样的问题：https://github.com/paperjs/paper.js/issues/945