WeZRender入门基础教程
GitHub:https://github.com/guyoung/WeZRender
简介描述:微信小程序Canvas开发
WeZRender是一个微信小程序Canvas增强组件,基于HTML5 Canvas类库ZRender。
使用
WXML:
<canvas style="width: 375px; height: 600px;" canvas-id="line-canvas-1">canvas>
JS:
var wezrender = require('../../lib/wezrender');
zr = wezrender.zrender.init("line-canvas-1", 375, 600);
特性
数据驱动
利用WeZRender绘图,只需定义图形数据。
内置多种图形元素(圆形、椭圆、圆环、扇形、矩形、多边形、直线、曲线、心形、水滴、玫瑰线、Trochoid、文字、图片等),统一且丰富的图形属性充分满足个性化需求。
强大的动画支持
提供promise式的动画接口和常用缓动函数,轻松实现各种动画需求。
易于扩展
分而治之的图形定义策略允许扩展图形元素。