在loadFromJson之后缩放对象

时间:2018-04-16 08:19:48

标签: javascript fabricjs

假设我正在使用1000x1000像素的布料画布。我在中间添加一个200x200px图像(顶部:400,左边:400),然后将我的画布保存为json。 (这些图片上的包是背景图片,不介意)

enter image description here

我创建了另一个较小的画布。如果我加载我的json,图像仍然是200x200px,从顶部和左边400px,因此离开我的画布。

enter image description here

如何确保一旦加载到较小/较大的画布中,我的对象会相应缩放?

1 个答案:

答案 0 :(得分:0)

将新画布尺寸计算为原始画布的百分比,然后在loadJSON回调中的每个项目上设置缩放。

如在您的示例中,如果原始画布为400x400,则新画布为200x200,然后缩放为0.5。将它应用于loadJSON回调中的每个对象及其坐标(顶部,左侧等)。