html - 是否可以通过仅更改 CSS 来利用 HTML5 Canvas？

Question

我试图了解如何在 HTML5 中使用新的视觉效果，同时保持传统的 HTML/JS/CSS 关注点分离。

假设我有一个包含应用程序主题的 CSS 文件。我想增强主题，以便它使用 Canvas 动态绘制背景和形状。

显然我将不得不编写 JavaScript 来做到这一点，并包含额外的 JS 文件。但是我可以：

1. 使用 CSS 定义来包含该 JS，而不更改现有的 HTML/JS 代码
2. 将 Javascript 绘图例程与 CSS 选择器相关联

?

Answer 1

你可以吗：

• 使用 CSS 定义来包含该 JS，而不更改现有的 HTML/JS 代码
• 将 Javascript 绘图例程与 CSS 选择器相关联

不，你不能用 CSS 控制 JS，但你可以做的是运行 JS，并基于查看已定义样式的属性，在代码中构建条件。因此，如果您查看一个元素，例如#menu，那么您可以查看正在使用哪种背景颜色并相应地运行代码。