有没有办法使用CSS来指定HTML5画布上的颜色？

我正在合作一个跳棋程序，其中第一个逻辑步骤是绘制初始棋盘。我们正在使用的实现有一个哲学问题。平方的形成方法是在用浅色方块的颜色初始化纸板后，用“黑色”方块的颜色调用fillRect。有没有办法使用CSS来指定HTML5画布上的颜色？

我的问题是，我现在有硬编码到JS的颜色，我宁愿在关联的CSS中指定它们。有没有一种很好的方法来编码在CSS中绘制画布所用的颜色？

2017-01-23 Lyman Hurd

我们需要看到一些代码 –

这将意味着要么解析整个CSS文件或计算的...脏js，大量无用和无关的脚本。在你的情况下，IMO最好使用JSON，你可以在其中定义一个可以保存你的颜色的字典。 – Kaiido

在屏幕外创建一个元素并使用CSS为其添加颜色。然后使用getComputedStyle（）来读取它的颜色，并用它来画你的画布。 – Alohci

挑一个或其他，并坚持下去。显然游戏逻辑仍然会使用JS。

如果您希望使板子的每个部分都很容易，请使用CSS并使用实际的HTML元素渲染板子的各个部分。这样，您可以轻松地对尺寸，颜色，图像，纹理等进行更改，而无需显式重新渲染任何内容。

如果你想/需要它在画布上，你可以很容易地暴露出游戏创作期间或之后设置样式选项的方法。这样，您可以像使用CSS一样包含内联或第二个脚本文件。

2017-01-23 06:10:14 Walf

回答