美文网首页实战微信小程序
wxDrawjs微信小程序画图带动画工具库介绍

wxDrawjs微信小程序画图带动画工具库介绍

作者: 31c32cb91c32 | 来源:发表于2018-07-05 09:16 被阅读11次

功能介绍

wxDrawjs提供了在微信小程序中使用画布canvas做图的简便操作接口。

引用前提

将wxdraw.min.js放到小程序根目录/static/js/wxdraw.min.js中。如下图:

将wxdraw.min.js放到/static/js/目录下

使用步骤

在小程序中新建一个页面,比如/frame/dc/line这个页面。

新建页面

在/frame/dc/line.js头部加入如下代码,引入wxdraw。并新建一个canvas

引入

在line.wxml中新建一个canvas。

line.wxml中新建一个canvas以供后面做图使用

在onload中写入以下代码,有注释。不解释。哈哈哈。

画一条直线

效果

相关文章

网友评论

    本文标题:wxDrawjs微信小程序画图带动画工具库介绍

    本文链接:https://www.haomeiwen.com/subject/uuyuuftx.html