Animation.matrix(Number sx, Number ay, Number ax, Number sy, Number tx, Number ty)

基础库 3.34.0 开始支持

参数

number sx

在 X 轴缩放 sx 倍数。对应 Animation.scaleX

number ay

参数范围 -180~180 ；X 轴坐标不变，Y 轴坐标延顺时针倾斜 ay 度。对应 Animation.skewY

number ax

参数范围 -180~180 ；Y 轴坐标不变， X 轴坐标延顺时针倾斜 ax 度。对应 Animation.skewX

number sy

在 Y 轴缩放 sy 倍数。对应 Animation.scaleY

number tx

在 X 轴偏移 tx（单位：px）。对应 Animation.translateX

number ty

在 Y 轴偏移 ty（单位：px）。对应 Animation.translateY

返回值

Animation

示例代码

<template>
    <div class="animation-element-wrapper">
        <cover-view :animation="animationData">
            <cover-label>测试</cover-label>
        </cover-view>
    </div>
</template>
<script>
export default {
    data() {
        return{
            animationData: '',
            animation: null
        }
    },
    onLoad() {
        this.animation = bl.createAnimation({
            transformOrigin: '50% 50%',
            duration: 1000,
            timingFunction: 'ease',
            delay: 0
        });
    },
    methods: {
        matrix() {
        // matrix的值对应scaleX(), skewY(), skewX(), scaleY(), translateX(), translateY()
        this.animation.matrix(1, 2, 2, 1, 20, 20).step();
        this.animationData = this.animation.export();
    }
}
</script>