Javascript 如何修复Fabric.js中的文本模糊

假设我有以下代码：

var canvas = new fabric.Canvas('c');

var text = new fabric.Text('Some text', {
  left: 100,
  top: 100
});
canvas.add(text);

$('#canvas-wrapper').mousewheel(function(e) {
  if (e.originalEvent.deltaY < 0) {
    canvas.setZoom(canvas.getZoom() * 1.1);
  } else {
    canvas.setZoom(canvas.getZoom() / 1.1);
  }
});

var canvas=newfabric.canvas（'c'）；
var text=new fabric.text（'Some text'{
左:100,，
排名：100
});
canvas.add（文本）；
$（'#画布包装器'）。鼠标滚轮（函数（e）{
if（e.originalEvent.deltaY<0）{
canvas.setZoom（canvas.getZoom（）*1.1）；
}否则{
canvas.setZoom（canvas.getZoom（）/1.1）；
}
});

注意缩放画布时文本是如何模糊的（只需使用鼠标滚轮，您就会注意到）

---

有没有办法修复它，使文本不会产生那种模糊效果？

无法重新打印，无论是在FF上还是在osx上的chrome上。文本不应比标准画布文本更模糊。字体是基于矢量的图像。请提供模糊文本的图像，以便我们可以看到问题，因为小提琴显示正常的画布行为。@Blindman67在这里--@Kaido我刚刚在Chrome中测试了它，请参阅前面的评论。所以ok@Blindman67 fabric是devicePixelRatio感知的，这是我们现在可以做的最好的事情来支持视网膜。当他们将屏幕技术规格和浏览器放大两个单独的属性时，情况将得到改善。到目前为止，对于不经常使用浏览器缩放的用户，或者在加载页面后使用浏览器缩放的用户，我们可以说fabric是视网膜感知的。