一:canvas
1:概述:
canvas是H5提供的新标签,其最强大的作用是进行2D图形的绘制,canvas标签仅仅作为绘制图形的载体,它本身并不具备绘制图形的能力,我们是通过canvas元素的自身的一个对象进行绘制图形的。目前提供的也有3D功能,但是只有极少数的浏览器支持,一般不用3D。canvas中的坐标系是平面的。
2:canvas绘制路径
绘制的步骤:
(1):获取canvas元素
var canvas = document.getElementById("canvas");
(2):获取2D渲染上下文对象(核心)
var content=canvas.getContext("2d");
(3):绘制路径
content.beginPath();//开始路径
content.moveTo(0,0);//设置起点
content.lineTo(300,400);//设置下一个点
content.closePath();//结束路径
content.stroke();//绘制路径
3:设置canvas宽高的方式:
(1):直接在标签内设置宽高属性
<body>
<canvas id