animation.scale()
缩放
参数
| 参数 | 类型 | 说明 |
|---|---|---|
| number sx | number | 当仅有 sx 参数时，表示在 X 轴、Y 轴同时缩放sx倍数 |
| number sy | number | 在 Y 轴缩放 sy 倍数 |
返回值
| 返回值 | 类型 | 说明 |
|---|---|---|
| animation | animation | 动画实例 |
注： 调用export方法后不会清除该样式
示例
<template>
<view>
<view class="block" c-animation="{{animationData}}" c-bind:click="handleClick">
<text>请点击我</text>
</view>
</view>
</template>
<script>
import { createAnimation } from "chameleon-api";
const animation = createAnimation();
class Index {
data = {
animationData: null,
}
methods = {
handleClick() {
this.animationData = animation
.scale(2, 2).step({duration: 1000})
.export();
}
}
}
export default new Index();
</script>
<style scoped>
.block {
position: absolute;
width: 200cpx;
height: 200cpx;
background-color: #E3EDCD;
}
</style>
<script cml-type="json">
{
"base": {
"usingComponents": {}
}
}
</script>