微信小程序 wxapp画布 canvas :
最近学习微信小程序的知识,这里记录下小程序 waxpp画布canvas 的知识:canvas
类型 | 默认值 | 说明 |
---|---|---|
注:
2.同一页面中的canvas-id不可重复,如果使用一个已经出现过的canvas-id,该canvas标签对应的画布将被隐藏并不再正常工作
示例代码:
//使用wx.createContext获取绘图上下文context
var context = wx.createContext();
context.setstrokeStyle("#00ff00");
context.setlinewidth(5);
context.rect(0,200,200);
context.stroke()
context.setstrokeStyle ("#ff0000") ;
context.setlinewidth (2)
context.moveto(160,100)
context.arc(100,100,60,2*Math.PI,true);
context.moveto(140,100);
context.arc(100,40,Math.PI,false);
context.moveto(85,80);
context.arc(80,80,5,true);
context.moveto(125,80);
context.arc(120,true);
context.stroke();
//调用wx.drawCanvas,通过canvasId指定在哪张画布上绘制,通过actions指定绘制行为
wx.drawCanvas({
canvasId: 'firstCanvas',actions: context.getActions() //获取绘图动作数组
});
}
});
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。