可显示元素

可显示元素定义了所有可显示元素应具有的属性和方法。可显示元素是指可以在屏幕上显示的元素。例如：图像、文本

链式方法

Transform the element to a new position.

    element.pos({
    xalign: 0.3
}, 1000, "linear"); // 在 1000 毫秒内以线性缓动将元素移动到 x: 0.3

position: CommonDisplayableConfig["position"] - 元素的新位置，参见 CommonDisplayableConfig
duration?: number - 变换的持续时间，以毫秒为单位
easing?: TransformDefinitions.EasingDefinition - 使用的缓动函数，参见 TransformDefinitions.EasingDefinition

缩放元素

element.scale(2, 1000, "easeInOut"); // 在 1000 毫秒内以 easeInOut 缓动将元素缩放到 2 倍

scale: number - 元素的新缩放比例，介于 0 和 1 之间
duration?: number - 变换的持续时间，以毫秒为单位
easing?: TransformDefinitions.EasingDefinition - 使用的缓动函数，参见 TransformDefinitions.EasingDefinition

旋转元素

    element.rotate(90, 1000, "easeInOut"); // 在 1000 毫秒内以 easeInOut 缓动将元素旋转到 90 度

angle: number - 元素的新角度，以度为单位
duration?: number - 变换的持续时间，以毫秒为单位
easing?: TransformDefinitions.EasingDefinition - 使用的缓动函数，参见 TransformDefinitions.EasingDefinition

更改元素的不透明度

    element.opacity(0.5, 1000, "easeInOut"); // 在 1000 毫秒内以 easeInOut 缓动将元素的不透明度更改为 0.5

opacity: number - 元素的新不透明度，介于 0 和 1 之间
duration?: number - 变换的持续时间，以毫秒为单位
easing?: TransformDefinitions.EasingDefinition - 使用的缓动函数，参见 TransformDefinitions.EasingDefinition

对元素应用自定义变换

element.transform(new Transform(
/* 变换定义 */
));

立即显示元素

element.show();

使用自定义变换显示元素

element.show({
    /* 变换定义 */
});

使用变换配置显示元素。将应用一个 alpha:1 的变换到元素

element.show({
    duration: 1000,
    ease: "easeInOut",
});

options: Partial<TransformDefinitions.CommonTransformProps> - 参见 TransformDefinitions.CommonTransformProps

立即隐藏元素

element.hide();

使用自定义变换隐藏元素

element.hide({
    /* 变换定义 */
});

使用变换配置隐藏元素。将应用一个 alpha:0 的变换到元素

element.hide({
    duration: 1000,
    ease: "easeInOut",
});

options: Partial<TransformDefinitions.CommonTransformProps> - 参见 TransformDefinitions.CommonTransformProps