在paper.js中DOM事件函数非常慢

Question

使用paper.js对象连接dom元素的事件。它的工作正常。但它的执行功能很慢。

例如：

<button id="btn">Click</button>  

JS＆＃39;

var secondPath = new Path.Circle(new Point(180, 50), 35);

$('#btn').on('click', function(e){
   secondPath.fillColor = 'blue';
});

这里得到的结果，但它需要很少的时间。但它的工作，如果我在画布元素中添加事件

请帮帮我

Answer 1

我认为问题在于您使用的是DOM事件，而不是paperjs鼠标处理程序。当您使用paperjs鼠标处理时，它会注意是否需要重绘画布。当您使用DOM鼠标事件时，纸张“不知道”您已经更改了内容，因此它不会强制更新视图。

在填充圆圈后添加一行：paper.view.update()，事情应该正常工作。