loadFromJson 后缩放对象

Question

假设我正在制作 1000x1000 像素的织物画布。我在中间添加了一个 200x200px 的图像（顶部：400，左侧：400），然后将我的画布保存为 json。 （这些图片上的包是背景图，不要介意）

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

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

Answer 1

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

在您的示例中，如果原始画布为 400x400，新画布为 200x200，则比例为 0.5。将其应用于 loadJSON 回调中的每个对象及其坐标（顶部、左侧等）。