特点: 支持标准变换属性 (x、y、旋转、缩放、scaleX、scaleY) 和原生 CSS 布局
作者: B4uti4github创建于 2026年8月17日更新于 2026年8月18日
你的功能请求是否与问题有关? 是的。问题在于,目前创建 GSAP 动画非常困难,因为无法使用标准的 x 或 y 转换。在大多数 GSAP 动画中,使用 x 和 y 而不是 left 和 top 更方便,而且在 .set() payload 中逐帧更改转换更不方便。 此外,x 和 y 不应仅映射到 left 和 top(它们是从角落测量的)。它们需要从 画布中心 计算的标准像素。例如,如果画布宽度为 200px(中心为 100px),则设置 x = 20 应将其定位到 120px,而 x = -20 应定位到 80px。 同一个兼容性问题也发生在 scale 上。通常,在 Fabric 中设置统一的缩放会将两个轴平铺到完全相同的值。如果原始对象是故意拉伸的(如 scaleX: 5 和 scaleY: 4),这会完全破坏其原始比例。它需要作为相对乘数来工作。
内容来源: fabricjs/fabric.js