有没有办法让 Fabric js 中的对象更精确?
Is there a way mo make the objects in Fabric js more precise?
有没有办法让Fabric js中的对象更加精确?
我非常喜欢Fabric js。
但是对象和文字的精度有问题
一些例子。
Fabric js 中的图表在小规模下看起来不错。
但是当接近时图片看起来很模糊:
在其他一些库中,如果我们缩放图形,它会保持精度:
假设您所说的“精度”指的是对象的分辨率,您可能只是超过了缓存的分辨率 canvas。您可以尝试禁用对象上的 objectCaching
以查看是否有帮助。
obj.set('objectCaching', false);
Update - 您链接到的示例不使用 canvas,它是由 dom 元素构成的,例如 div,它们本质上是向量基于。 Fabric.JS 是一个 canvas 库,因此每个对象都由像素数据表示,如果您尝试在浏览器中缩放元素,效果会很差。相反,您应该使用 fabric 的内置缩放功能,它会根据您所需的缩放级别重绘 canvas。
有关缩放的帮助,请参阅此处:http://fabricjs.com/fabric-intro-part-5
有没有办法让Fabric js中的对象更加精确?
我非常喜欢Fabric js。 但是对象和文字的精度有问题
一些例子。 Fabric js 中的图表在小规模下看起来不错。 但是当接近时图片看起来很模糊:
在其他一些库中,如果我们缩放图形,它会保持精度:
假设您所说的“精度”指的是对象的分辨率,您可能只是超过了缓存的分辨率 canvas。您可以尝试禁用对象上的 objectCaching
以查看是否有帮助。
obj.set('objectCaching', false);
Update - 您链接到的示例不使用 canvas,它是由 dom 元素构成的,例如 div,它们本质上是向量基于。 Fabric.JS 是一个 canvas 库,因此每个对象都由像素数据表示,如果您尝试在浏览器中缩放元素,效果会很差。相反,您应该使用 fabric 的内置缩放功能,它会根据您所需的缩放级别重绘 canvas。
有关缩放的帮助,请参阅此处:http://fabricjs.com/fabric-intro-part-5