爱意满满的作品展示区。
bobiscool

wxDraw.js - canvas 动画库支持添加图片了!

  •  
  •   bobiscool · Nov 29, 2017 · 4103 views
    This topic created in 3113 days ago, the information mentioned may be changed or developed.

    wxDraw

    「已经开始支持图形创建」

    轻量的小程序 canvas 动画库

    github

    文档

    • 简单 不需要你会 canvas,会用 jQuery 就会使用 wxDraw。
    • 灵活 所有图形,随时随地都可以进行属性修改、图形添加以及图形销毁。
    • 事件支持 小程序支持的事件只要是合理的都支持。
    • 缓动动画支持 wxDraw 支持链式调用动画『就像 jQuery 的 animate 一样』,并且支持几乎所有的缓动函数

    原介绍帖子 点这里

    图形创建

    let img = new Shape('image', { x: 100, y: 300,w:100,h:100, file:"./1.png"}, 'fill', true)
    
    

    动画

    
     img.animate({x:"+100",w:1000,h:1000,rotate:Math.PI/2},{duration:5000}).start(10)
    

    3 replies    2017-11-29 18:45:13 +08:00
    mokeyjay
        1
    mokeyjay  
       Nov 29, 2017
    赞一个
    顺便 BB 一句,开发小程序的都是懂中文的吧?项目首页有必要英文么?
    bobiscool
        2
    bobiscool  
    OP
       Nov 29, 2017
    @mokeyjay 主要是 中文排版不好看。。所以用英文
    bobiscool
        3
    bobiscool  
    OP
       Nov 29, 2017
    刚刚居然有人为我 收不收费 😂
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3090 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 14:15 · PVG 22:15 · LAX 07:15 · JFK 10:15
    ♥ Do have faith in what you're doing.