Javascript arborjs解决了由于鼠标事件导致的画布模糊文本问题,但效果不佳
我正在我的项目中使用。由fillText html5创建的画布中的文本。在视网膜显示器macbook上,一切正常,但文字看起来模糊。因此,我得到了如下解决方案:Javascript arborjs解决了由于鼠标事件导致的画布模糊文本问题,但效果不佳,javascript,jquery,html,canvas,Javascript,Jquery,Html,Canvas,我正在我的项目中使用。由fillText html5创建的画布中的文本。在视网膜显示器macbook上,一切正常,但文字看起来模糊。因此,我得到了如下解决方案: var pixelRatio = window.devicePixelRatio || 1; canvas.style.width = canvas.width +'px'; canvas.style.height = canvas.height +'px'; canvas.width *= pixelRa
var pixelRatio = window.devicePixelRatio || 1;
canvas.style.width = canvas.width +'px';
canvas.style.height = canvas.height +'px';
canvas.width *= pixelRatio;
canvas.height *= pixelRatio;
是的,它起作用了。但是拖动和单击不起作用
问题应该是arborjs的节点在一半位置绘制,因此我尝试将鼠标点映射到画布的一半:
_mouseP *= 0.5
_mouseP *= 0.5
nearest = dragged = particleSystem.nearest(_mouseP);
不管用。任何有此经验的人都可以帮忙,谢谢 最后通过将屏幕大小设置为常量来修复它
particleSystem.screenSize(800, 600)