完全由 canvas 制作的网页?

webpage made entirely with canvas?

我真的很讨厌css。我尝试做简单的事情,但很快就会变得非常复杂。 另一方面,我使用 canvas 编写具有很多功能和菜单的游戏代码。 所以我想知道在整个网页上使用 canvas 元素是否有任何问题?甚至一个巨人canvas? 这篇文章使 canvas 看起来更好,但更难使用(我认为是相反的方式)http://www.kirupa.com/html5/dom_vs_canvas.htm 然而,所有教程都广泛使用 css。那么这是不好的做法吗?如果是,为什么?

对网页使用像素绘图是一个非常糟糕的主意,因为自己的浏览器的视口几乎相同,但在操作系统级别。

HTML 和 CSS 只是组合 UI 的简化,没有强迫开发人员通过代码绘制他们想要在屏幕上显示的内容的麻烦。

我会给你最好的建议,你可以在那里找到:学习 CSS 如果这是问题,因为没有阅读手册和缺乏思想开放而重新发明轮子这是我们在软件开发中做出的最糟糕的决定。

也许看看这些编译成常规 CSS 的伪语言可能会改变您对 HTML+CSS:

的看法

正如其他人在评论中所说...

...手工绘图的意思是:

  • 没有搜索引擎优化。
  • 没有搜索索引(即在 Google 中索引您的内容)
  • 没有用户文本选择
  • 无法使用 "Save as..." 对话框将图像(jpg、png...)保存为常规 HTML 文档。
  • 无视口缩放,具体取决于用户的设备。
  • ...还有许多缺点。

OP 说...

would this be acceptable in a professional environment? Say if I used it in a portfolio to apply for a job.

不,因为专业的 Web 开发人员在 Web 标准之上进行开发:他们不会创建替代方法来绘制主流开发社区无法理解的文档!

如果一些具有实际开发知识的技术招聘人员发现了您开发 Web 的方式,he/she 会说 "impressive, but this candidate won't fit well in our development team"

除了 Matías Fidemraizer 已经很好的回答之外,我想补充一点,这将是一场互动噩梦。您将不得不手动 跟踪所有元素的位置,获取所有交互事件的位置,协调它们,并有一个事件循环运行。实际上,您将在 javascript.

中复制大量浏览器

学习 css 很困难,原因有很多。如果有人写了 'CSS: The Good Parts',它可以说比 Crockford 的书还要薄。最近 really 很棒 talk 在 CSSConf.Asia 关于这个。它 css 用于后端开发人员。它可能会让您深入了解 css.

的更易于管理的子集