GoogleDocs宣布将会把HTML迁移到基于Canvas渲染,这一消息的出现再次把几年前随HTML5诞生的标签重新推到了人们视线之中。Canvas在刚推出时主打的优势就是更快的渲染速度,堪称HTML届的“苏炳添”,刷新了人们对Web页面元素绘制速度的印象。但Canvas的优势仅限于此吗?
(苏炳添,亚洲百米第一人)HTML绘图届的前辈:SVGCanvas是HTML5时代引入的“新”标签。与很多标签不同,Canvas不具有自己的行为,只将一组API展现给客户端 JavaScript ,让开发者使用脚本把想绘制的东西画到一张画布上。
在HTML5之前,人们通常使用SVG来在页面上绘制出图形。SVG使用XML来定义图形,就像使用HTML标签和样式定义DIV一样,我们也可以将一个空白的DIV想象为长方形的SVG,两者的设计思想是相通的,SVG的本质就是一个DOM元素。而Canvas则不同,Canvas提供的是JavaScript 的绘图 API,而不是像 SVG那样使用XML 描述绘图,通过JavaScriptAPI直接完成绘制,比起修改XML来说要更简便、更直接。
除了定义的方式不同,Canvas和DOM(当然也包含SVG)的差异