54 lines
1.2 KiB
JavaScript
54 lines
1.2 KiB
JavaScript
|
export async function loadImage({
|
|||
|
|
canvas,
|
|||
|
|
src,
|
|||
|
|
}) {
|
|||
|
|
let result = null;
|
|||
|
|
if (!src || !canvas) {
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// #ifdef MP
|
|||
|
|
// 小程序环境：使用 canvas.createImage
|
|||
|
|
if (canvas.createImage) {
|
|||
|
|
result = new Promise((resolve, reject) => {
|
|||
|
|
const img = canvas.createImage();
|
|||
|
|
// 必须先设置 onload 和 onerror，再设置 src
|
|||
|
|
img.onload = () => resolve(img);
|
|||
|
|
img.onerror = (err) => {
|
|||
|
|
console.error('创建图片对象失败:', err);
|
|||
|
|
reject(err);
|
|||
|
|
};
|
|||
|
|
img.src = src;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
result = new Promise((resolve) => {
|
|||
|
|
uni.getImageInfo({
|
|||
|
|
src,
|
|||
|
|
success: (res) => {
|
|||
|
|
const imgPath = res.path; // 本地临时路径
|
|||
|
|
resolve(imgPath);
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
// #ifdef H5
|
|||
|
|
// H5 环境：创建 Image 对象（参考 TSX 实现）
|
|||
|
|
result = new Promise((resolve, reject) => {
|
|||
|
|
const img = new Image();
|
|||
|
|
img.crossOrigin = 'anonymous';
|
|||
|
|
img.onload = () => resolve(img);
|
|||
|
|
img.onerror = (err) => {
|
|||
|
|
console.error('图标加载失败:', err);
|
|||
|
|
reject(err);
|
|||
|
|
};
|
|||
|
|
img.src = src;
|
|||
|
|
});
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
return result;
|
|||
|
|
}
|