function downloadByBlob(blobObj) {
const link = document.createElement('a');
link.style.display = 'none';
const downloadUrl = window.URL.createObjectURL(blobObj);
console.log("downloadUrl--", downloadUrl);
link.href = downloadUrl;
link.download = `test.png`;
document.body.appendChild(link);
link.click();
link.remove();
}
//第一个参数是回调函数
canvas.toBlob(
function (blob) {
console.log('to blob');
console.log(blob);
var newImg = document.createElement("img")
// url = URL.createObjectURL(blob);
let binaryData = []
binaryData.push(blob)
let url = window.URL.createObjectURL(new Blob(binaryData))
downloadByBlob(blob);
//加载后销毁
newImg.onload = function () {
// no longer need to read the blob so it's revoked
URL.revokeObjectURL(url);
};
// //img标签属性赋值
// newImg.src = url;
// //添加为子元素
// document.body.appendChild(newImg);
// console.log('url---', url);
},"image/jpeg",0.1);
return
canvas 转图片toBlob 方式
最新推荐文章于 2025-04-04 09:13:02 发布