![](/img/trans.png)
[英]Resizing a .png image when drawing to HTML5 canvas using JavaScript
[英]Use a default image for 404s when using an javascript synchronous image loader for html5 canvas
如何在此图像加载器中添加默认图像(0.png)而不是在404上抛出错误?
var artArrayDef = ['player_art/' + p_me_gen + 'body' + me_race + '.png', 'player_art/head' + me_face + '.png'];
var artArray01 = ['item_art/' + p_me_gen + me_chest + '.png', 'player_art/hair' + me_hair + '.png', 'item_art/' + me_helm + '.png', 'item_art/' + p_me_gen + me_legs + '.png', 'item_art/' + me_feet + '.png', 'item_art/' + me_hands + '.png', 'item_art/' + me_sleeves + '.png', 'item_art/' + me_about + '.png', 'item_art/' + me_hold + '.png', 'item_art/' + me_wield + '.png'];
// Images for humanoid body and gear
function loadImage_char(imagePath) {
return new Promise((resolve, reject) => {
let image = new Image();
image.addEventListener("load", () => {
resolve(image);
});
image.addEventListener("error", (err) => {
reject(err);
});
image.src = 'https://www.example.com/interface/images/' + imagePath;
});
}
let imageSources = [].concat(artArrayDef, artArray01);
Promise.all(imageSources.map(i => loadImage_char(i))).then((images) => {
images.forEach((image) => {
meCtx.drawImage(image, 0, 0);
});
}).catch((err) => {
console.error(err);
});
var artArrayDef = ['player_art/' + p_me_gen + 'body' + me_race + '.png', 'player_art/head' + me_face + '.png'];
var artArray01 = ['item_art/' + p_me_gen + me_chest + '.png', 'player_art/hair' + me_hair + '.png', 'item_art/' + me_helm + '.png', 'item_art/' + p_me_gen + me_legs + '.png', 'item_art/' + me_feet + '.png', 'item_art/' + me_hands + '.png', 'item_art/' + me_sleeves + '.png', 'item_art/' + me_about + '.png', 'item_art/' + me_hold + '.png', 'item_art/' + me_wield + '.png'];
// Images for humanoid body and gear
function loadImage_char(imagePath) {
return new Promise((resolve, reject) => {
let image = new Image();
image.addEventListener("load", () => {
resolve(image);
});
image.addEventListener("error", (err) => {
// Add the default image here <---
let defaultImg = new Image();
defaultImg.src = 'https://www.example.com/interface/images/item_art/0.png';
resolve(defaultImg);
});
image.src = 'https://www.example.com/interface/images/' + imagePath;
});
}
let imageSources = [].concat(artArrayDef, artArray01);
Promise.all(imageSources.map(i => loadImage_char(i))).then((images) => {
images.forEach((image) => {
meCtx.drawImage(image, 0, 0);
});
}).catch((err) => {
console.error(err);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.