uniapp 实现小程序，h5保存海报图片

<!-- 海报 -->
<view class="cardArray" :class="canvasrShow?' ':'cardArray2'" catchtouchmove="true"><image class="close-ico" :src="getimg('poster_close.png')" @click="closeShare()"></image><canvas style="width: 260px; height: 460px;" canvas-id="firstCanvas1"></canvas>
</view>

// 保存图片goPoster() {// #ifdef H5 uni.canvasToTempFilePath({canvasId: 'firstCanvas1',success: (res) => {//把base64转换成Blob数据uni.downloadFile({url: res.tempFilePath,success: (res) => {// console.log(res);//创建一个a标签var link = document.createElement('a');//把a标签的href属性赋值到生成好了的urllink.href = res.tempFilePath;//通过a标签的download属性修改下载图片的名字link.download = '分享海报.png';//让a标签的click函数，直接下载图片link.click();}})},fail: function(err) {}})// #endif// #ifdef MP || APP-PLUSuni.canvasToTempFilePath({canvasId: 'firstCanvas1',success: (res) => {uni.saveImageToPhotosAlbum({filePath: res.tempFilePath,success() {uni.showModal({title: "保存成功",content: "图片已成功保存到相册，快去分享到您的圈子吧",showCancel: false})}})},fail: function(err) {}})// #endif},

uniapp 实现小程序，h5保存海报图片相关推荐

小程序canvas生成海报图片压缩和失真问题解决
微信小程序实现canvas按照原图等比例不失真绘制海报图,防止模糊我这里的场景是收款二维码+收款背景图. 绘制二维码我这里绘制二维码使用的 wxapp-qrcode ,也可以使用weapp-qrc ...
php生成小程序分享宣传海报图片
php生成宣传海报图片 #例子 public function test(){$imageUrl = 'https://car.xintutc.com/storage/avatar/20210911/ ...
微信小程序合成海报_微信小程序 canvas生成海报图片模糊问题
一.制作正常显示海报,生成二倍海报隐藏代码如下 {{sendName}} 保存图片 /*css*/ .btn { width: 300rpx; height: 90rpx; line-height: ...
微信小程序canvas保存绘制图片
上篇文章大概写了一下canvas绘制图片的问题,那么接下来记录一下canvas保存图片的问题~ wx.canvasToTempFilePath() //把当前画布指定区域的内容导出生成指定大小的图片 ...
微信小程序之保存动态图片功能
效果图:(下面是电脑版,真机也可以调试成功) 1.调用wx.downloadFile方法下载图片到本地. wx.downloadFile({url: path,success: function(re ...
vue+uniapp：小程序H5使用图表组件（uCharts）
一.打开组件网站:https://ext.dcloud.net.cn/plugin?id=271 二.导入组件到项目三.这样图表组件就在项目中了(必须在根目录?) 四.使用 4.1:打开图表组件生成 ...
uniapp 微信小程序分享海报
uniapp 微信小程序分享海报下面是一个Uniapp微信小程序分享海报的简单示例: 在Uniapp项目中创建一个新的页面,用于展示要分享的内容和生成海报.例如,我们可以在新页面中显示一张图片和一些 ...
运营版uniapp多商户商城小程序+H5+APP+商家入驻短视频社区种草直播阶梯拼团
运营版uniapp多商户商城小程序+H5+APP+商家入驻短视频社区种草直播阶梯拼团前后端全套源码, 支持二次开发,代码无加密! 独立商家后台用于店铺商品管理订单管理发货管理等多类经营模式多商 ...
uniapp做小程序的图片(视频)上传的组件封装
最近在做小程序,最后想试试新不同的技术,所以选择了用uniapp做小程序. 要求实现多张图片的上传 ,可以限制图片上传的数量,图片预览,多次使用对图片的上传顺序排序 <template>& ...

uniapp 实现小程序，h5保存海报图片

uniapp 实现小程序，h5保存海报图片相关推荐

最新文章

热门文章