我正在从头开始设计一个新网站，并想知道在一个<canvas>元素内开发整个网站会有什么缺点。
我知道与 IE6/7/8 的兼容性问题，但这对这个项目并不重要。但我确实关心，例如，谷歌搜索引擎的行为和移动兼容性。
我选择这种方式的主要原因是有可能在元素和图片上编写高级效果和动画，这是纯 HTML5/CSS 无法实现的。
问问题
6622 次
3 回答
16
画布是光栅图形的元素。它适用于部分页面，但不适用于整个页面。页面是文档。它也需要是机器可读的。如果您的整个网站由画布组成，那么搜索引擎机器人、屏幕阅读器、浏览器插件和其他软件将无法访问它。使用画布创建网站就像使用绘图程序而不是文字处理器准备文档一样。这是可能的，但不切实际。对于实验来说可能是一个好主意，但如果你是为了生产而这样做，那么你应该重新考虑。
于 2012-08-13T04:02:53.150 回答
2
这就像使用 WebGL 创建网站一样！我们使用它们来获得更好的视觉体验，但它们不适用于屏幕阅读器和爬虫。为了解决这个问题，我们可以为特定设备创建内容并将它们隐藏在其他设备上。
于 2021-01-26T08:37:07.800 回答
0
我自己的网站是一个 Canvas 和一个大 Javascript（来自 Typescript），所以是的，它是可行的，它可以自动缩放以在手机上查看，也可以自动旋转......
如果您有兴趣：www.erroba.be（我的名字的首字母缩写Erlen Roba ye）
我相信您可以查看源代码并获得一些想法。
于 2021-09-29T13:15:19.427 回答