使用css設置html5畫布字體顏色

Question

如果我想要不同顏色主題的樣式表，我如何在外部CSS文件中保留畫布字體和線條顏色？

我可以製作隱藏的DOM元素並將它們用作變量。

我可以使用JavaScript來閱讀當前的主題，並使用JavaScript變量設置顏色，但它然後它擊敗了CSS文件的目的。我也希望別人編輯樣式和顏色，而不必執行JavaScript。

有沒有辦法將設置存儲在一個CSS文件，並輕鬆閱讀與JavaScript（沒有Ajax或jQuery）？

Answer 1

畫布繪製獨立於CSS。您可以使用Canvas API方法設置字體和顏色，而不是使用CSS樣式。作爲外部CSS文件的對應部分，我可以認爲最好的是外部JavaScript文件，您只需將值分配給代碼中用於在畫布上繪製的變量即可。該文件可以做得非常簡單，只需分配，因此不需要對JavaScript進行任何實質性的理解就可以對其進行編輯。

Answer 2

canvas元素中的線條顏色等不受CSS影響，因此無法直接執行此操作。您可以做的最好的方法是使用某種類型的數據文件，該文件以JSON格式存儲對象，該對象包含每個主題的適當的畫布變量值。