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

功能介绍

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中写入以下代码，有注释。不解释。哈哈哈。

画一条直线

效果