Javascript 如何在Raphael.js中只针对纸张的第二个元素（图像或矩形）

eUsing Raphael.js 2.1.0我正在尝试向纸对象添加两个背景图像，如：

var w = 794;
var h = 680;
var map = Raphael("canvas");
      map.image('http://1.png', 0, 0, 794, 680);
      map.image('http://2.png', 0, 0, 794, 680);

或

现在，我需要找到一种方法，通过更改图像的选择选项列表，使用户能够仅更改第二个背景图像（从image（）或fill:），但我不知道如何使用jQuery或JavaScript将第二个背景设置为目标

你能告诉我怎么做吗

---

谢谢

有几点要说到评论中提到的要点

您需要引用image2，然后需要删除它。所以你的点击功能看起来像这样

$("#change").on("click",function(){
    image2.remove();
    image2  = map.image('myimageurl.png', 0, 0, 500, 500).insertBefore( circle );
});

请注意使用的.insertBefore（元素）函数。这将使元素位于圆的后面，因此悬停仍然有效

---

我不太确定我是否看到了问题所在，您能否使用var image2=map.image（“”，0，0，794，680）；//对image2做些什么？嗨，兰，谢谢你的回复。你是对的，我用你的暗示来重新渲染图像。下面是一个示例：但这里有一些问题：1-首先，函数不是替换图像，实际上它是添加（覆盖）一个名为image2的新图像---2-这也会导致svg隐藏在新添加的图像下，因此悬停功能无法工作！您能告诉我如何用新图像替换图像2而不影响悬停功能，当然也不影响从画布中删除以前的图像2吗？太好了！谢谢，兰，这太棒了

$("#change").on("click",function(){
    image2.remove();
    image2  = map.image('myimageurl.png', 0, 0, 500, 500).insertBefore( circle );
});