点击事件更换 Raphael 画布上的图片

Question

点击事件更换 Raphael 画布上的图片

3

我有一个程序，用户可以使用 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);

- Reality-Torrent

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rajuGT · Accepted Answer

使用 Raphael API 的 click 和 attr 函数。

Element.click 函数将一个函数作为参数。在函数内部使用 this 来访问图像元素。

我创建了一个简单的演示。

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);