【发布时间】：2020-09-08 22:24:05
【问题描述】：
有没有办法让 Fabric js 中的对象更精确？
我非常喜欢 Fabric js。 但是对象和文字的精度有问题。
一些例子。 Fabric js 中的图形在小尺度下看起来不错。 但是当走近时，图片看起来很模糊：
在其他一些库中，如果我们缩放图形，它会保持精度：
【问题讨论】：
标签： fabricjs
【发布时间】：2020-09-08 22:24:05
【问题描述】：
假设您所指的“精度”指的是对象的分辨率，那么您很可能只是超过了缓存画布的分辨率。您可以尝试在您的对象上禁用objectCaching，看看是否有帮助。
obj.set('objectCaching', false);
更新 - 您链接到的示例不使用画布，它是由 dom 元素构成的，例如 div 本质上是基于矢量的。 Fabric.JS 是一个画布库，因此每个对象都由像素数据表示，如果您尝试在浏览器中缩放元素，则效果不佳。相反，您应该使用 fabric 的内置缩放功能，它会根据您所需的缩放级别重新绘制画布。
有关缩放的帮助，请参阅此处：http://fabricjs.com/fabric-intro-part-5
【讨论】：
-
谢谢，我会试试objectCaching。让我解释一下我的意思。尝试缩放此图 - fabricjs.com/stickman。你会明白我所说的模糊是什么意思。然后试试这个 - cytoscape.org/cytoscape.js-popper。如果您缩放它，线条、图形和文本将保持精确。我不是专家，但缩放与精度必须以某种方式与 SVG 相关联。