使用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格式存储对象，该对象包含每个主题的适当的画布变量值。