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

{% codepen zhangxiaochunxy dyoNORq dark [css, js, result, [100%]] %}

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