在画布中创建整个网站怎么样？

Question

我正在从头开始设计一个新的网站，想知道在开发一个<canvas>元素的整个网站可以有什么缺点。

我知道IE6/7/8的兼容性问题，但这对这个项目并不重要。但我确实关心，例如，谷歌搜索引擎的行为和移动设备的兼容性。

我选择这种方式的主要原因是有可能在元素和图片上编写高级效果和动画，这在纯HTML5/CSS中是不可能的。

Answer 1

画布是用于光栅图形的元素。它对页面的一部分是好的，但对整个页面是不好的。页面是文档。它也需要是机器可读的。如果你的整个网站由画布组成，那么搜索引擎机器人、屏幕阅读器、浏览器插件和其他软件将无法访问它。用画布创建一个网站就像用绘图程序而不是文字处理器准备一个文档。这是可能的，但并不实用。对于实验来说，这可能是一个好主意，但如果您是为了生产而这样做，那么您应该重新考虑。

Answer 2

这就像使用WebGL创建一个网站一样！我们使用它们是为了获得更好的视觉体验，但它们不适用于屏幕阅读器和爬行器。要解决此问题，我们可以为特定设备创建内容并将其隐藏在其他设备上。

Answer 3

我自己的网站是一个单一的画布和单一的大Javascript (从打字)，所以它是可行的，它自动缩放到手机上查看，也自动旋转…

如果你感兴趣：www.erroba.be (我名字的首字母缩写Er you Robaye)

我相信您可以查看源代码并获得一些想法。