javascript - 拉斐尔在 Canvas 上的图像回退

Question

我必须绘制一些图像(使用 for 循环)，并且如果找不到正确的图像，我想加载后备图像。

我的 JavaScript:

var image = paper_layer.image(image_selected, x, y, width, height);
$('image').one('error', function () {    
    console.log('image not found')
    image_selected='/my_path/not_found.png'
    var image = paper_layer.image(image_selected, x, y, width, height);
});

问题是，当错过图像时，此函数会为每个图像(甚至找到的图像)添加后备图像。

我也尝试过这个，但它不起作用(没有出现后备，消息“找不到图像”不会出现在控制台上):

var image = paper_layer.image(image_selected, x, y, width, height);
image.onerror=function () {
    console.log('image not found')
    image_selected='/my_path/not_found.png'
    var image = paper_layer.image(image_selected, x, y, width, height);
};

PS:我使用的是Raphael

Answer 1

paper_layer.image 不返回 HTMLImageElement 对象，而是某种 Raphael 对象。

然而，这似乎包含对键 0 下的实际图像元素的引用 - 因此请尝试 image[0].onerror=...，这应该正确地将错误处理程序绑定(bind)到实际的图像元素HTML 图像元素。