canvas绘图
该元素负责在页面中设定一个区域,然后由js动态地在这个区域中绘制图形。这个技术最早是由美国苹果公司推出的,目的是为了取代flash,很快主流浏览器都支持它。
绘制路径
要绘制路径首先必须调用beginPath()方法,如果想绘制一条连接到起点的线条则调用closePath()方法;如果路径已完成,你想用fillStyle填充它,可以调用fill()方法。另外还可以调用stroke()方法对路径描边,使用strokeStyle。
按照上图,就能画出圆,半圆,,四分之一圆等等。
开始画图
1.先给背景一个背景颜色,并设置一块画布。
<body style="background-color: steelblue;">
<canvas width="1000"height="1000"id="cv"></canvas>
</body>
2.画出一个半圆,背景颜色设为黑色。
<sc