1.画线
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>画线</title>
</head>
<body>
<canvas id="test3" width="100px" height="40px"></canvas>
<script type="text/javascript">
var c=document.getElementById("test3");
var c1= c.getContext("2d");
c1.moveTo(10,10);
c1.lineTo(100,140);
c1.stroke();
</script>
</body>
</html>
效果如下