首页 相关文章 html5 Canvas画图教程(1)—画图的基本常识

html5 Canvas画图教程(1)—画图的基本常识

虽然大家都称Canvas为html5的新标签,看起来好像Canvas属于html语言的新知识,但其实Canvas画图是通过javascript来做的。所以,如果你想学习Canvas画图,你必须要有Javascript基础。
另外,画图嘛,总有一些图像方面的术语和知识点,所以如果你有过做图或美工经验,学习Canvas会更容易。

Canvas,意为画布也。而Html5中的Canvas也真的跟现实生活中的画布非常相似。所以,把他看成一块实实在在的画布可以加快理解。

画布
用canvas作画,首先,你需要有一块画布。如果你的书架里面没有画布,你可以买一卷回来放进去。当然,在网页里面我们不需要花钱买,直接写一个canvas即可,类似:

代码如下:

canvas id="cvs" width="800" height="600"你的浏览器不支持canvas/canvas

其中标签里面的文字是给不支持canvas的浏览器看的,支持的永远看不到。
这个画布的特性有必要说一下,他有两个原生的属性,即width和...[ 查看全文 ]

2016-02-19 标签:

html5 Canvas画图教程(1)—画图的基本常识的相关文章

手机页面
收藏网站 回到头部