[Web Chart系列之一(续)]Web端图形作图SVG,VML, HTML5 Canvas 简单实例_读书人

[Web Chart系列之一(续)]Web端图形作图

发布时间： 2013-03-10 09:38:39 作者： rapoo

[Web Chart系列之一(续)]Web端图形绘制SVG,VML, HTML5 Canvas 简单实例

前言本篇是继 [Web Chart系列之一]Web端图形绘制SVG,VML, HTML5 Canvas 技术比较
的补充和实例说明各种技术的使用方式。

VML 的用法和实例引入命名空间之后，就可以直接使用标签的方式绘制图形。如下例：绘制一条从坐标(20,20) 到坐标(200,200) 的直线。

&lt;HTML&gt;&lt;HEAD&gt;&lt;TITLE&gt; Canvas &lt;/TITLE&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;canvas id="myCanvas" width="200" height="100"&gt;&lt;/canvas&gt;&lt;script type="text/javascript"&gt;var c=document.getElementById("myCanvas");var cxt=c.getContext("2d");cxt.moveTo(10,10);cxt.lineTo(150,50);cxt.stroke();&lt;/script&gt;&lt;/BODY&gt;&lt;/HTML&gt;

一些说明针对目前的状况来说， SVG技术应该是web图形绘制的主流。
IE9 及以上已经支持svg了，而且微软本身也把VML作为一种过时技术来看待了。
HTML5 技术，基本上处于众说纷纭的状态。Facebook 应用失败，转而使用原生应用。Firefox OS却又轰轰烈烈的扛起了大旗。结果和命运怎样，只有交给时间来抉择了。

读书人网 >Web前端

热点推荐