微信小程序中的Canvas用于输出图像至手机
发布时间
阅读量：
阅读量
在小程序开发过程中，常常会遇到需要将特定页面内容进行保存并分享至朋友圈的需求。常规的实现方式为：首先利用canvas组件对目标页面进行绘制，随后借助wx.canvasToTempFilePath接口，将画布中指定区域的内容导出为符合要求尺寸的图片文件。接着通过调用wx.saveImageToPhotosAlbum接口，将生成的图片存储至用户的系统相册中，用户即可在相册中选取该图片发布至朋友圈。
代码展示部分仅用于说明实现逻辑，实际使用时需根据具体情况进行调整，直接复制粘贴无法保证正常运行。
canvas.wxml
<view wx:if="{{showShare}}" class='share'>
<!-- canvas 需要和showShare保存同步显示和隐藏-->
<canvas canvas-id='myCanvas' class='canvas'></canvas>
<!-- /canvas -->
<view class='share-content'>
<image class='share-img' src='{{targetSharePath}}'></image>
<button bindtap='saveImageTap' class=全部评论 (0)
还没有任何评论哟~