gm-canvas-ani v0.0.1

gm-canvas-ani

原生canvas渲染动画

安装

npm install gm-canvas-ani

使用

• json

{
    "usingComponents": {
        "gm-canvas-ani": "gm-canvas-ani/canvasAni"
    }
}

• js

Page({
  data: {
    imgs: [
      {
        src: "https://isv.alibabausercontent.com/00000000/imgextra/i3/555657275/O1CN01ivyt3p23c02ecCNM6_!!555657275-2-isvtu-00000000.png",
        width: 37800,
        showWidth: 700,
        height: 800,
        time: 50,
        loop: true,
        beginPlay: true
      },
      {
        src: "https://isv.alibabausercontent.com/00000000/imgextra/i3/555657275/O1CN01ivyt3p23c02ecCNM6_!!555657275-2-isvtu-00000000.png",
        width: 37800,
        showWidth: 700,
        height: 800
      },
      {
        src: "https://isv.alibabausercontent.com/00000000/imgextra/i3/555657275/O1CN01ivyt3p23c02ecCNM6_!!555657275-2-isvtu-00000000.png",
        width: 37800,
        showWidth: 700,
        height: 800
      },
    ],
  },
  onLoad() { },
});

• xaml

  <canvas-ani imgs="{{imgs}}" />