国旅手游网提供好玩的手机游戏和手机必备软件下载,每天推荐精品安卓手游和最新应用软件app,并整理了热门游戏攻略、软件教程、资讯等内容。欢迎收藏
网友画心提问:小程序canvas绘制
本教程讲解了如何使用微信小程序的canvas画布功能?操作起来是很简单的,想要学习的朋友们可以跟着小编一起去看一看下文,希望能够帮助到大家。
组件用法:
wxml
<canvas class="canvas1" canvas-id="canvas1" bindtouchstart="mytouchstart" bindtouchmove="mytouchmove" bindtouchend="mytouchend"></canvas>
复制代码
js
Page({
...
mytouchstart: function(e){
console.log(\'touchstart\')
},
mytouchmove: function(e){
console.log(\'touchmove\')
},
mytouchend: function(e){
console.log(\'touchend\')
}
...
})
复制代码
wxss
.canvas1{
background-color: #E0E0E0;
}
复制代码
以上就是如何使用微信小程序的canvas画布功能的全部内容了,大家都学会了吗?
关于《如何使用微信小程序的canvas画布功能?》相关问题的解答清颜小编就为大家介绍到这里了。如需了解其他软件使用问题,请持续关注国旅手游网软件教程栏目。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭侵权/违法违规的内容,欢迎发送邮件至【1047436850@qq.com】举报,并提供相关证据及涉嫌侵权链接,一经查实,本站将在14个工作日内删除涉嫌侵权内容。
本文标题:【如何使用微信小程序的canvas画布功能[微信小程序canvas画图]】
本文链接:http://www.citshb.com/class222715.html