改变图像特定部分的颜色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按钮

回答

相关问题