html2canvas($("#pop_predict_img_container")[], {scale:,logging:false,useCORS:true}).then(function(canvas) {
var dataUrl = canvas.toDataURL();
$("#predict_img").attr("src",dataUrl).removeClass("hide");
});

scale:是用来调整生成图片屏幕分辨率的,其实设置成1再iphone上生成的图片清晰度没啥问题,但是再有些android手机上就很模糊,所以为了兼顾这部分手机就把scale设置成了2;

useCROS:这个参数是用来设置是否允许使用跨域的图片进行访问的,好像默认就是true,不太记得了;

logging:这个是日志打印的,实际上线当然不需要了,所以就false;

还有一点要说明下,再使用微信的头像的时候生成的图片老是会把头像丢失,其他服务器的图片都可以,尼玛就是想不通,后来就先转成base64放到img标签里面生成图片,就解决了这个问题;

此外,说个canvas将img转base64的问题,如下:

 function getBase64Image(imgurl) {
var img = new Image();
img.src = imgurl;
img.setAttribute('crossOrigin', 'anonymous');
img.onload=function(){
var canvas = document.createElement("canvas");
canvas.width = ;//这个设置不能丢,否者会成为canvas默认的300*150的大小
canvas.height = ;//这个设置不能丢,否者会成为canvas默认的300*150的大小
var ctx = canvas.getContext("2d");
ctx.drawImage(img, , , , );
var dataURL = canvas.toDataURL("image/png");
console.log(dataURL)
$("#img").attr("src",dataURL);
html2img();
}
}

也是为了解决canvas转base64图片大小不对的问题!

H5+  保存图片到手机相册

// 保存图片到相册中
function savePicture() {
var b = new plus.nativeObj.Bitmap('bitblmap');
b.loadBase64Data(dataUrl, function () {
// 保存到手机的文件名
fileName = "untitled.png";
/*这里一定要是_doc目录*/
b.save("_doc/" + fileName, {overwrite: true}, function (object) {
//保存到相册
plus.gallery.save("_doc/" + fileName, function () {
mui.toast("图片已保存到相册");
}, function () {
mui.toast("图片保存失败");
});
}, function () {
mui.toast("图片保存失败");
});
}, function () {
mui.toast("图片保存失败");
});
}

最新文章

  1. [Sass]混合宏的参数
  2. ionic 踩过的坑-基本布局
  3. java 克隆
  4. 【代码笔记】iOS-把<br!>换成\n
  5. Redis for .NET 系列之实现分页需求
  6. ubuntu12.04+proftpd1.3.4a的系统用户+虚拟用户权限应用实践
  7. 洛谷P1130 红牌
  8. FLASH CC 2015 CANVAS (一) 与AS3的写法区别
  9. Codeforces Round #238 (Div. 2) D. Toy Sum 暴搜
  10. Linux内核是如何创建一个新进程的?
  11. oracle触发器调试
  12. Hadoop2.4.1 64-Bit QJM HA and YARN HA + Zookeeper-3.4.6 + Hbase-0.98.8-hadoop2-bin HA Install
  13. Spring BeanFactoryPostProcessor
  14. linux配置分步安装lnmp环境----ghj
  15. 【easy】141. Linked List Cycle
  16. [物理学与PDEs]第1章习题4 偶极子的极限电势
  17. poj 3422 最小费用流
  18. 定时 清理 elasticsearch 6.5.4 的 索引 文件
  19. java学习书单
  20. Canvas绘图 (html5新增特性)

热门文章

  1. 为什么 RMAN 控制文件自动备份的名称格式没有遵循 %F 规则
  2. android获取系统信息
  3. Pycharm常用快捷捷捷啊键= =
  4. CentOS安装RabbitMQ-yum
  5. C语言预处理学习记录
  6. XMLHttpRequest: 网络错误 0x2ee4, 由于出现错误 00002ee4 而导致此项操作无法完成
  7. python 百万级别类实例实现节省内存
  8. sftp,ftp文件下载
  9. laravel-middleware中间件常用使用方法
  10. Python爬虫之post请求