HTML5 Canvas 画图

2014-11-24 12:53:55 · 作者: · 浏览: 3

按照官方例子画了几个基本图形,算是对于HTML5 Canvas有所了解,但是感觉这里面数学知识太忘记了,虽然以前数学竞赛出身,但是好多年不用了,有所遗忘。


HTML5的canvas元素只是提供了一个画布,而实际的绘制工作由java script来完成。


基本HTML不说了, 也就是搭一个架子,放一个元素,然后首部引入一些java script文件,这里面每一个js文件都是一个画图的例子.


例子1:绘制矩形


画出来的结果是:



例子2:用Path来绘制一组圆形:


画出来的结果是: