悬停在画布多幅图像中的 1 张图像上答案

【问题标题】：Hover at 1 image in mutil images of canvas悬停在画布多幅图像中的 1 张图像上
【发布时间】：2013-05-15 12:01:53
【问题描述】：

我正在尝试在画布中使用悬停来编写演示。

这就是问题所在：

- 我有 1 个画布，其中有 2 个图像。

- 当我将鼠标悬停在 2 个图像中的 1 个图像中时，我想要此更改（在本例中是更改颜色）。

但是当我将所有画布更改悬停时。我的画布有 1 个 id，所以我不知道该怎么做。

这是我的悬停：

 $("#after_image").hover(function() {
        setFilter(red);
    }, function() {
        setFilter(grayscale);
    });

这是我不悬停和悬停时的屏幕：

我按照这里的教程进行操作：

我是垃圾车，请帮帮我！

感谢阅读。 :)

【问题讨论】：

【解决方案1】：

这应该是“#after_image”包含这两个图像的方式。为其他图像创建新的画布元素，一旦为它们添加悬停事件，您就可以开始使用了。

甚至可以添加一个类而不是 ID 并使用 $(this)

祝你好运！

【讨论】：

感谢您的帮助！但我不想要更多的画布。有什么办法可以在 1 个画布中完成吗？
是的，先生，有。你需要通过我猜你已经开始修改的javascript本身来完成它？我假设的原因是您的演示中包含的文件助手只接受一个文件，而您似乎上传了两个文件？查看您提供的示例链接，看起来源代码需要大量重写，因为它将自身应用于整个画布对象，而不是它在其中绘制的图像对象。祝你好运！