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

Question

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

我想做的是在 Canvas 上，我有很多不同的文字(获奖轮圈上的奖品)，我希望每个奖品文字都是不同的颜色。

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

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];

然后将这些绘制到 Canvas 上。

是否有可能实现我想要实现的目标？如果没有，有人有任何其他建议吗？

如有任何帮助，我们将不胜感激。

Answer 1

改用对象类型。

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

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

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

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