小程序下载canvas生成图片
save_share_img:function(img){
var that = this;
let { result } = that.data;
getData.getData(
"save_share_img",
{
id : result.id,
share_img_link : img,
method : "POST"
},
function(data) {
if (data.errno){
console.log(data.errdesc);
return;
}
result.share_img = img;
that.setData({
result: result
});
}
);
},
download:function(){
var that = this;
let { urls,result } = that.data;
console.log(result);
if (result.share_img == ''){
// 临时图片上传cdn
wx.uploadFile({ // 需要传到cdn 才可以下载!!!!!
url : "https://a.xxxxx.com/xxxxx/Public/upload_more_img",
filePath : urls,
name : "file",
success : res => {
},
fail : res => {
},
complete: res => {
var imgdata = JSON.parse(res.data);
var img = imgdata.data[];
that.save_share_img(img);
urls = img;
}
})
} else {
urls = result.share_img;
}
console.log('download---start');
console.log(urls);
wx.downloadFile({
url: urls,
//url:'https://cdn.xxxxxx.net/avatar_3.png', // canvas 生成的临时图片不可
success: function(res) { // 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
console.log(res)
if (res.statusCode == ) {
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success: function(res) {
console.log(res);
console.log('succ');
wx.showToast({
title: '保存图片成功!~',
});
that.setData({
mask_btn: ,
share_btn: false,
canvas_btn:false
});
},
fail: function(res) {
console.log(res);
console.log('fail');
wx.showToast({
title: '保存图片失败!~'
});
},
complete:function(res){
console.log(res);
console.log('complete');
}
})
} else {
console.log('下载图片发生错误----');
wx.showToast({
title: '保存图片发生错误!~'
});
}
},
fail: function(res){
console.log('下载图片发生错误');
console.log(res);
}
});
console.log('download---over');
},
previewImg: function() {
var that = this;
wx.getSetting({
success(res) {
console.log('-------------');
console.log(res);
if (!res.authSetting['scope.writePhotosAlbum']) { // 获取授权!!!!
wx.authorize({
scope:'scope.writePhotosAlbum',
success() {
that.download();
console.log('授权成功')
}
});
} else {
that.download();
console.log('已授权');
}
}
})
小程序下载canvas生成图片的更多相关文章
- 关于微信小程序使用canvas生成图片,内容图片跨域的问题
最近有个项目是保存为名片(图片),让用户发送给朋友或朋友圈,找了很多方案都不适用,绞尽脑汁之后还是选了使用canvas,但是用这玩意儿生成图片最大的缺点就是,如果你的内容中有图片,并且这个图片是通过外 ...
- wx小程序用canvas生成图片流程与注意事项
1.需要画入canvas的 图片都需要先缓存到本地 let ps = [] ps.push(that.loadImageFun(this.statusInfo.avatar_url, "he ...
- 小程序利用canvas 绘制图案 (生成海报, 生成有特色的头像)
小程序利用canvas 绘制图案 (生成海报, 生成有特色的头像) 微信小程序生成特色头像,海报等是比较常见的.下面我来介绍下实现该类小程序的过程. 首先选择前端来通过 canvas 绘制.这样比较节 ...
- 微信小程序-基于canvas画画涂鸦
代码地址如下:http://www.demodashi.com/demo/14461.html 一.前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.co ...
- 微信小程序 在canvas画布上划动,页面禁止滑动
要实现微信小程序 在canvas画布上划动,页面禁止滑动,不仅要设置disable-scroll="true",还要要给canvas绑定一个触摸事件才能生效. <canvas ...
- 关于微信小程序前端Canvas组件教程
关于微信小程序前端Canvas组件教程 微信小程序Canvas接口函数 上述为微信小程序Canvas的内部接口,通过熟练使用Canvas,即可画出较为美观的前端页面.下面是使用微信小程序画图的一些 ...
- 微信小程序利用canvas生成海报分享图片
一 . 效果 这是借用女神照生成的分享的海报,图片来自网络. 新增了poster组件和更新图片自适应 二 . 准备 准备两张图片连接,最好是自己开发账号验证的https图片链接. 三 . 实现思路 其 ...
- 兼容小程序的canvas画图组件jmGraph
基于CANVAS的简单画图组件让你用类似于dom的方式,在canvas上画图,感觉会不会很爽. 主页:http://graph.jm47.com/示例:http://graph.jm47.com/ex ...
- 微信小程序之canvas绘制海报分享到朋友圈
绘制canvas内容 首先,需要写一个canvas标签,给canvas-id命名为shareBox <canvas canvas-id="shareBox"></ ...
随机推荐
- appium+python+iOS 环境搭建,安装fbsimctl
(1)设置postBuffer的值 开始如下的安装之前,需先修改postBuffer的值,默认的比较下,会导致下载大文件时失败, 参考链接:http://blog.sina.com.cn/s/blog ...
- Java8新特性--日期和时间API
如何正确处理时间 现实生活的世界里,时间是不断向前的,如果向前追溯时间的起点,可能是宇宙出生时,又或是是宇宙出现之前, 但肯定是我们目前无法找到的,我们不知道现在距离时间原点的精确距离.所以我们要表示 ...
- FreeMarker生成word
FreeMarker生成word数据填充是通过,Map填充. Map dataMap = new HashMap<String, Object>(); List<User> l ...
- [bzoj 3701] Olympic Games (莫比乌斯反演)
题目描述 给出n,m,l,r,modn,m,l,r,modn,m,l,r,mod 表示一个(n+1)∗(m+1)(n+1)*(m+1)(n+1)∗(m+1)的格点图,求能够互相看见的点对个数对modm ...
- Find Peak Element II
Description Given an integer matrix A which has the following features : The numbers in adjacent pos ...
- docker学习(六)
一.Dockerfile使用 Dockerfile 可以允许用户创建自定义的镜像. 1.基本结构Dockerfile 由一行行命令语句组成,并且支持以 # 开头的注释行.一般的,Dockerfile ...
- GreenPlum/postgres copy命令导出/导入数据
一.COPY命令简单实用 1.copy在postgres与GreenPlum介绍 1.1 postgrespostgres的COPY命令可以快速的导出/导入数据到postgresql数据库中,支持常用 ...
- 三十五.MySQL读写分离 MySQL多实例 、MySQL性能调优
1.实现MySQL读写分离 搭建一主一从结构 配置maxscale代理服务器 测试分离配置 1.1 搭建一主一从结构 192.168.4.51 主 192.168.4.52 从 测试OK 1. ...
- 差分约束 【bzoj2330】[SCOI2011]糖果
/*[bzoj2330][SCOI2011]糖果 2014年3月5日1,2761 Description 幼儿园里有N个小朋友,lxhgww老师现在想要给这些小朋友们分配糖果,要求每个小朋友都要分到糖 ...
- dubbo+zookeeper示例记录
提示:要直接看搭建例子的可以跳到 三 一.项目架构的发展 传统的mvc架构项目将整个系统功能实现全部写在一个项目中,部署在一个机器上,随着用户量的增涨,单个项目服务器无法承受暴增的用户请求时需要增加服 ...