改變圖像特定部分的顏色onclick按鈕

-2

我所擁有的是許多球的圖像，隨機放置在其中。
我想要一些按鈕，代表顏色，當你點擊按鈕時，球會根據你的選擇改變顏色。
球會分爲三個類別，總是變成相同的顏色，你可以選擇10種不同的顏色。
例如，如果我有9個球，球1,3,5,2,4,9和8,7,6將得到所選的第一，第二和第三種顏色（按鈕）。但是這些球並不是彼此相鄰的球，它們位於圖像的不同部分。
我搜索了很多，但我找不到一個方法來做到這一點。有沒有辦法？我必須使用多個圖像或其他東西嗎？我想不出任何事情。改變圖像特定部分的顏色onclick按鈕

來源

2016-11-15 Argiris A

您可以使用SVG並使用Javascript進行操作。 – Ricky

需要更多描述。無法使用JavaScript或CSS編輯圖像。如果你使用的是JPG或PNG，這是不可能的。儘管如果它是一個svg圖像，也許有辦法使用javascript來操作。 –

我有一個個人項目，我想要達到的效果與此MnM頁面發生的情況類似，但使用顏色或/和文字更改 https://www.mymms.com/configurator.do?customerType=B2C。我是否也需要編輯我的問題？我不知道我是否可以使用他們的網站作爲參考 –

每個球最好是HTML元素（div或其他）。你可以設置背景圖像，每個球將html元素。

然後，您可以設置處理球點擊的事件。例如：

$('.ball-green').click(function(){ 
    $(this).removeClass('ball-green').addClass('ball-red'); 
});

來源

2016-11-15 16:31:22 user2693928

你一定要使用具有不同ID的多個圖像的每個圖像。

根據點擊一個按鈕，你將獲得你想要的圖像的id，並改變你想改變的每個球的背景圖像。

來源

2016-11-15 16:33:44

改變圖像特定部分的顏色onclick按鈕

回答

相關問題