css - 有没有办法使用 CSS 在 HTML5 Canvas 上指定颜色？

Question

我正在合作开发一个西洋跳棋程序，第一个合乎逻辑的步骤是绘制初始棋盘。我们正在使用的实现有一个哲学问题。在用浅色方 block 的颜色初始化棋盘后，用“深色”方 block 的颜色调用 fillRect 形成方 block 。

我担心的是我现在将颜色硬编码到 JS 中，我更愿意在关联的 CSS 中指定它们。有没有一种好的方法来编码在 CSS 中绘制 Canvas 时使用的颜色？

Answer 1

选择其中之一，并坚持下去。显然游戏逻辑还是会用JS。

如果您想轻松地设置电路板每个部分的样式，请使用 CSS 并使用带有类的实际 HTML 元素呈现电路板的各个部分。通过这种方式，您可以轻松更改尺寸、颜色、图像、纹理等，而无需显式重新渲染任何内容。

如果您想要/需要它在 Canvas 上，您可以轻松地公开一种在游戏创建期间或之后设置样式选项的方法。通过这种方式，您可以像使用 CSS 一样包含一个内联或第二个脚本文件。