微信小程序wxapp帆布帆布的详细介绍
帆布
属性名称
类型
默认值
解释
隐藏
布尔
假
设置画布的显示/隐藏,隐藏值为真表示隐藏,值为false显示。
帆布ID
字符串
画布组件的唯一标识符。
binderror
eventhandle
错误事件触发时发生错误,细节= { errmsg:错}
注:
1.canvas标签的默认宽度和高度225px 300px,
2、同一页面中的画布ID不能重复。如果使用了画布ID,则相应的画布将被隐藏,并且不再正常工作。
示例代码:下载
/ / canvas.js
页({
canvasiderrorcallback:功能(e){
Console.error(e.detail。errmsg);
},
OnReady:功能(e){
对wx.createcontext访问图形上下文 / /环境下使用
VaR上下文= wx.createcontext();
context.setstrokestyle(# 00ff00 );
(5)context.setlinewidth;
(00200200)context.rect;
context.stroke()
context.setstrokestyle(# FF0000);
(2)context.setlinewidth
Context.moveTo(160100)
context.arc(100100,60,0,2 * Math.PI,真的);
Context.moveTo(140100);
context.arc(100100,40,0,Math.PI,假);
Context.moveTo(85,80);
context.arc(80,80,5,0,2 * Math.PI,真的);
Context.moveTo(125,80);
context.arc(120,80,5,0,2 * Math.PI,真的);
context.stroke();
/ /电话wx.drawcanvas,通过canvasid画在一块帆布画指定的,指定的动作行为
Wx.drawCanvas({
CanvasId:'firstcanvas,
动作:(背景。getactions) / /绘图操作数组
});
}
});
谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的支持。