Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript arborjs解决了由于鼠标事件导致的画布模糊文本问题,但效果不佳_Javascript_Jquery_Html_Canvas - Fatal编程技术网

Javascript arborjs解决了由于鼠标事件导致的画布模糊文本问题,但效果不佳

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

我正在我的项目中使用。由fillText html5创建的画布中的文本。在视网膜显示器macbook上,一切正常,但文字看起来模糊。因此,我得到了如下解决方案:

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)