在loadFromJson之后缩放对象

问题描述 投票:0回答:1

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

enter image description here

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

enter image description here

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

javascript fabricjs
1个回答
0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.