Question

我想知道是否可以为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];

这些被绘制在画布上。

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

非常感谢任何帮助。

Answer 1

当然有可能，你可以用画布画任何你喜欢的东西。颜色只是绘制时可以直接使用的众多属性之一。

Answer 2

请改用对象类型。

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

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

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

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

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

2 个答案: