使用html2canvas 截屏 后无法保存到相册
我爱王小波 2017-09-21 04:09:32 我想实现的功能是点击按钮 将图片截屏保存到相册
但我百度了很久 用了很多方法 但就是不能将我的画布保存到相册
所以跑过来问问个位前端大神
以下是我的代码
//使用截图 并保存图片
function saveImg() {
alert("进来");
html2canvas(document.body, {
allowTaint: false,
taintTest: true,
profile: true,
useCROS: true,
logging: false,
onrendered: function (canvas) {
alert("进来函数");
var dataUrl = canvas.toDataURL();
var b = new plus.nativeObj.Bitmap('bitblmap');
c.loadBase64Data(dataUrl, function () {
alert("转码");
/*这里一定要是_doc目录*/
c.save("_doc/" + fileName, {overwrite: true}, function (object) {
//保存到相册
alert("保存");
plus.gallery.save("_doc/" + fileName, function () {
mui.toast("图片已保存到相册");
}, function () {
mui.toast("图片保存失败");
});
});
});
}
}).then(function(canvas) {
// 扩展API加载完毕后调用onPlusReady回调函数
/* document.addEventListener( "plusready", on, false );
// document.body.appendChild(canvas);
plus.gallery.save( "_doc/a.jpg", function (canvas) {
alert( "保存图片到相册成功" );
}); */
});
}
并且 我在开发工具中运行时出现如下错误 据说是需要引入mui.min.js 但我引入后依旧报错
不知道 没有小伙伴知道如何处理