javascript - 如何更改JavaScript变量的文本颜色

我想知道是否可以向javascript变量添加颜色样式？

我想做的是在画布上，我有很多不同的文字（在一个胜利的车轮圈上有奖），我希望每个奖项的文字都采用不同的颜色。

到目前为止，这是我的代码：

var prize1 = "car",
    prize2 = "boat",
    prize3 = "cycle",
    prize4 = "scooter",
    prize5 = "jet ski";

var prizes = [prize3, prize1, prize4, prize3, prize5, prize4,
              prize3, prize2, prize4, prize3, prize1,
              prize4, prize3, prize5, prize4, prize2];

然后将它们绘制到画布上。

有可能做我想达到的目标吗？如果没有，还有其他建议吗？

任何帮助将不胜感激。

最佳答案

请改用对象类型。

var prize1 = {
   title: "car"
   color: "red"
},
...

在渲染周期中，根据需要使用prize[i].title和prize[i].color。

我强烈不建议您使用var1，var2等。
只需为所有对象创建一个变量：

var prizes = [
   {...},
   {...},
   ...
]

关于javascript - 如何更改JavaScript变量的文本颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21323801/