將鼠標懸停在畫布的mutil圖像中的1個圖像上

Question

我正在嘗試在畫布上使用懸停編寫演示。

這就是問題：

-我有1個畫布，其中有2個圖像。

-我想將鼠標懸停在2張圖像中的1張（這種情況下是更改顏色）。

但是當我將所有畫布更改都懸停時，我的畫布有1個id，所以我不知道該怎么做。

這是我的懸停：

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

這是我沒有懸停時的屏幕： 在此處輸入圖片說明

在此處輸入圖片說明

我在這里按照教程進行：

我是自卸車，請幫助我！

感謝您的閱讀。 :)

Answer 1

這就是應該的樣子，因為“ #after_image”包含這兩個圖像。 為其他圖像創建新的canvas元素，一旦為它們添加了懸停事件，就應該可以開始使用。

甚至可以添加一個類而不是ID並使用$（this）

祝好運！