javascript - 使用 Javascript 访问 webkit-gradient 属性

Question

我正在尝试使用 Javascript 更改 DIV 部分的 webkit-gradient 属性。用户输入两种颜色作为渐变。然后，当用户单击按钮时，我希望 DIV 部分的背景显示用户选择的两种颜色的渐变。

谢谢

比努

Answer 1

如果您知道如何将渐变“控制”字符串放在一起，则只需将渐变表达式设置为元素“样式”上的“backgroundImage”值即可。

document.getElementById("yourDiv").style.backgroundImage = "-webkit-gradient(whatever)";

当然，“无论如何”部分有点复杂；也许你想要这样的东西:

var whatever = "linear, 0 0, 100 0, color-stop(0, " + color1 + "), color-stop(1, " + color2 + ")";

document.getElementById("yourDiv").style.backgroundImage = "-webkit-gradient(" + whatever + ")";

我刚刚制作的线端点；您具体使用什么取决于您想要渐变的外观，您可能应该自己尝试一下。 Here's a jsfiddle. (使用 jQuery，但只是勉强使用)。