Paper.js鼠标事件未使用画布变换进行翻译

时间:2016-02-06 18:54:45

标签: javascript jquery css canvas paperjs

出于性能和美学原因,我正在使用CSS转换(旋转)在Paper.js“drawing”中转换画布。基本上,在滚动时,画布会旋转,并具有转换持续时间以使其平滑。

最重要的是,我的Paper.js路径上有鼠标事件,因此在悬停时它们会改变颜色。但是,当CSS变换应用于画布时,鼠标事件“消失”,因为缺少更好的单词,并且它们不起作用。我猜想沿着这条线的某个地方,CSS转换正在处理画布绘制的元素,但是在与我的路径绑定的Paper.js创建的鼠标事件上跳过或应用不同。有没有解决方案?

2 个答案:

答案 0 :(得分:0)

paperjs不知道CSS变换,因此无法将鼠标事件映射到形状的变换位置。如果您需要使用变换,则必须使用paperjs变换:transform。我相信这适用于一层。

答案 1 :(得分:0)

我在这里回答了同样的问题:https://github.com/paperjs/paper.js/issues/945