首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2013-03-10 
[Web Chart系列之一(续)]Web端图形绘制SVG,VML, HTML5 Canvas 简单实例前言本篇是继 [Web Chart系列之一]W

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


前言本篇是继 [Web Chart系列之一]Web端图形绘制SVG,VML, HTML5 Canvas 技术比较

的补充和实例说明各种技术的使用方式。


VML 的用法和实例引入命名空间之后,就可以直接使用标签的方式绘制图形。如下例:绘制一条从 坐标(20,20) 到 坐标(200,200) 的直线。
<HTML><HEAD><TITLE> Canvas </TITLE></HEAD><BODY><canvas id="myCanvas" width="200" height="100"></canvas><script type="text/javascript">var c=document.getElementById("myCanvas");var cxt=c.getContext("2d");cxt.moveTo(10,10);cxt.lineTo(150,50);cxt.stroke();</script></BODY></HTML>

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

热点排行