canvas练习1

canvas是一个可以使用js脚本在上面做2D画的html元素,是H5上面新出的标签。使用canvas,需要熟悉基本的html和JavaScript知识,现代浏览器基本都支持canvas, 尤其是在手机端,可以不考虑不支持canvas的状况。默认情况下,canvas的大小为300px*150px。

由于一些较旧的浏览器不支持html元素canvas,因此需要我们在canvas中间添加一部分内容,来告诉用户这个地方本来是canvas,但是由于浏览器原因不能显示,建议他去更新浏览器之类的。如下:

< canvas id="mycanvas" > 由于浏览器不支持canvas,建议您切换到新浏览器 < /canvas >

下面,我们画一个canvas

这样,一个canvas在网页上就渲染出来了。但是由于我们目前什么都没干,所以现在大家所能看到的只是一个单纯的canvas渲染出来的dom,还没有进行绘画的步骤。