canvas 是微信小程序里的原生组件,相关属性及注意事项可参考小程序官方文档 。一般生成分享图片需要显示文字和相应的图片,在结合不同位置和不同大小的需求形成特定样式的图片。
微信小程序中有一个功能是canvas画布功能,那么这个功能该怎么用呢?下面的教程就是关于微信小程序的canvas画布功能怎么用的,一起来看看吧。微信小程序中有一个功能是canvas画布功能,那么这个功能该怎么用呢?下面的教程就是关于微信小程序的canvas画布功能怎么用的,一起来看看吧。
canvas画布,你可以理解为有一张白布,你可以在画布上画出不同形状、颜色、粗细的图形。
这篇主要讲canvas绘制以及保存到本地相册的方法
实现功能如下:
1.用户手动输入文字,并把这些文字绘制到canvas中
2.将图片绘制到canvas中
3.将canvas变成图片并保存到本地相册中
效果如图:
第一部分 wxml
要注意写这种形式tpye='2d',这是新版本的,旧版本的如下图已经不维护了,所以建议写这种,另外要注意id,不是写canvas-id,而只是id
第二部分 js
这么一写下来也没有什么特别难的地方。其实还可以实现用户手动上传图片,这样可能会更有趣一点
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)