Javascript 纸张js事件示例错误地测试mouseenter

Javascript 纸张js事件示例错误地测试mouseenter,javascript,events,paperjs,Javascript,Events,Paperjs,我使用的是from mouseenter示例,但不是view.center将圆圈放置在(50;50) 当光标位于圆上方时,圆应变为红色。但它只适用于它的左上部分 在Firefox、Windows8中测试 $(文档).ready(()=> { var canvas=document.getElementById(“mainCanvas”) 纸张.设置(画布) console.log(“创建循环”) var path=新纸张路径圆({ 中心:新纸点(50,50), 半径:25, fillColor

我使用的是from mouseenter示例,但不是
view.center
将圆圈放置在
(50;50)

当光标位于圆上方时,圆应变为红色。但它只适用于它的左上部分

在Firefox、Windows8中测试

$(文档).ready(()=>
{
var canvas=document.getElementById(“mainCanvas”)
纸张.设置(画布)
console.log(“创建循环”)
var path=新纸张路径圆({
中心:新纸点(50,50),
半径:25,
fillColor:'黑色'
});
console.log(“创建的圆圈”)
//当鼠标进入项目时,将其填充颜色设置为红色:
on('mouseenter',function(){
this.fillColor='red';
});
//当鼠标离开项目时,将其填充颜色设置为黑色:
on('mouseleave',function(){
this.fillColor='black';
});
})
画布{
边框样式:双
}


!!从画布中删除
调整大小
可以修复它。仍然感兴趣的是,如果paper.js可以使用调整大小的画布

调整大小
从画布中移除可以修复它。仍然感兴趣的是,如果paper.js可以处理调整大小的画布

您是否使用CSS正确调整画布大小?如果HiDPI paper.js画布中的像素未对齐,则命中测试将关闭:


您是否使用CSS正确调整画布大小?如果HiDPI paper.js画布中的像素未对齐,则命中测试将关闭: