//const dataURL = canvas.toDataURL();
canvas.toBlob(function (blob) {
// 创建 FileReader 对象
const reader = new FileReader();
// 读取 Blob 对象中的数据
reader.onloadend = function () {
// 获取图片的 base64 数据
const base64data = reader.result;
};
reader.readAsDataURL(blob);
});
这段代码,或者用上面注释的canvas.toDataURL();
都不能正常执行吗?
自己找到原因解决了
1、toDataURL没有再尝试了,但是toBlob确定能使用,个人觉得toDataURL也是没问题的;
2、问题出在画布中有个 image 图片来源自 oss ,需要设置 oss 允许跨域,图片设置为 .crossOrigin = "anonymous";