Question

我在我的项目中使用arborjs。由fillText html5 创建的画布中的文字。在Retina显示器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);

不起作用。任何人都有这方面的经验帮助谢谢！

Answer 1

最后通过将screenSize设置为常量

来修复它

particleSystem.screenSize(800, 600)

由于鼠标事件，arborjs解决了画布模糊文本并不能很好地工作

1 个答案: