首页 > 解决方案 > Fabricjs v2.4.1 loadFromJSON 从 v1.7.17 生成的图像缩放问题

问题描述

我有一个 JSON 对象,它在画布上定义一个图像,如下所示:

在此处输入图像描述

JSON 是从 Fabricjs 版本 1.7.17 创建的,我正在将该 JSON 加载到由 Fabricjs 版本 2.3.6 和 2.4.1 制成的画布中,这就是图像的样子: 在此处输入图像描述

画布大小相同,画布选项也相同。JSON 在 1.7.17 版本中加载得很好。JSON 数据中的所有其他对象加载正常,图像框是正确的宽度/高度和位置(左侧和顶部)......只是图像未缩放以适合。

我试过设置 scaleX/Y,resize filters 无济于事 - 有人已经解决了这个问题吗?

标签: fabricjsfabricjs2

解决方案


Fabric 2.0 更改了处理图像的高度/宽度属性的方式,以支持裁剪。您将在此处找到处理此问题的说明和示例代码:

http://fabricjs.com/v2-break-changes#image


推荐阅读