有沒有辦法使用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

回答