微信小程序中画布的示例分析

小编给大家分享一下微信小程序中帆布的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

<强>微信小程序wxcanvas

测试手机为IPHONE6,开发者工具版本0.10.102800。开发者工具0.11.112301版本也一样

微信小程序里的帆布非代替帆布有很多不一样的地方,以下把微信小程序的帆布叫做wxcanvas

<强>下面全是我一点点测试出的干货,耐心看:

1. wxcanvas,不像h6canvas那样有宽度和高度属性和宽度和高度的风格样式。他只有风格样式,可以理解为他就是个框吧。

2. wxcanvas不要当成真的H5canvas,就当它是个p就行,画出范围的东西也是存在的,改变宽度,高度就显示出来了,或者说这里有重绘,但具体如何实现的不知道;

3。改变wxcanvas的样式的宽度,高度,并不改为原画布上的东西的大小;

4。css转换变换中的变大缩小也无法改变原画布上的东西大小

5。官方说法:上下文只是一个记录方法调用的容器,用于生成记录绘制行为的操作数组.context跟& lt;帆布/祝辞不存在对应关系,一个上下文生成画布的绘制动作数组可以应用于多个& lt;帆布/祝辞。

实际上,context.getActions()后,背景中的信息会被清空,如果想重复利用,需要var temp=context.getActions()将操作数组保存下来,才可重复用于wx.drawcanvas;

6。注意

 wx.drawCanvas ({
　　,,canvasId: & # 39;目标# 39;
　　行动才能:[],
　　储备才能:假的
　　});