V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
bobiscool
V2EX  ›  分享创造

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

  •  
  •   bobiscool · 2017-11-29 11:32:49 +08:00 · 3705 次点击
    这是一个创建于 2577 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 条回复    2017-11-29 18:45:13 +08:00
    mokeyjay
        1
    mokeyjay  
       2017-11-29 11:42:38 +08:00
    赞一个
    顺便 BB 一句,开发小程序的都是懂中文的吧?项目首页有必要英文么?
    bobiscool
        2
    bobiscool  
    OP
       2017-11-29 12:21:45 +08:00
    @mokeyjay 主要是 中文排版不好看。。所以用英文
    bobiscool
        3
    bobiscool  
    OP
       2017-11-29 18:45:13 +08:00
    刚刚居然有人为我 收不收费 😂
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1551 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 17:00 · PVG 01:00 · LAX 09:00 · JFK 12:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.