用jquery改变背景图像颜色？

Question

所以，我的页面上有 css 。我希望我的访问者能够通过在文本字段中键入#colorcode来更改该图像的颜色。这样的事情甚至可能吗？

.button{
    background-image:url(../pattern/_img/button.png);
    background-repeat:no-repeat;
    display:block;
    width:53px;
    height:53px;
    float:left;
    margin:16px;
    -ms-touch-action: none;
}

Answer 1

您可以做的是改变您的形象。拍摄一张白色外面的PNG图像，然后将这个空白（但是让你的渐变）放在里面，就像这样：

然后在图像后面设置一个div。它将改变那个div的背景颜色。在你的js中设置：

element.style.backgroundColor = document.getElementById('color').value;

这不使用画布，但这只使用很少的代码。

Here is the JSFiddle

对不起英语，希望它会对你有所帮助！

啊，上面的图片是here。