Question

我有一个程序，用户可以使用Raphael将图像添加到纸张中。现在我希望能够在单击时将图像更改为另一个图像。这可能吗？我是否必须为图像添加ID？如果是这样，怎么样？

        var imgURL = "img/img.png";

        var bankNoteImg = new Image();
        bankNoteImg.src = imgURL;

        var width = bankNoteImg.width;
        var height = bankNoteImg.height;

        var image = paper.image(imgURL, X, Y, width, height);

Answer 1

使用Raphael api的attr和demo功能。

Element.click将函数作为参数。使用this访问函数内的图像元素。

我创建了一个简单的{{3}}

var paper = Raphael(document.getElementById("papercanvas"), 200, 200);
var img = paper.image(URL1, 100, 100, 100 , 100);

function changeImageSource() {
    this.attr('src', URL2);
}

img.click(changeImageSource);

单击Raphael纸张更改图像

1 个答案: