canvas绘图
HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成。
标签只是图形容器,必须使用脚本来绘制图形。
anvas 是一个二维网格。
canvas 的左上角坐标为 (0,0)
例: fillRect 方法拥有参数 (0,0,150,75)。
意思是:在画布上绘制 150x75 的矩形,从左上角开始 (0,0)。
- canvas画小房子
moveTo(x,y) 定义线条开始坐标
lineTo(x,y) 定义线条结束坐标
arc(x,y,r,start,stop)
<body>
<canvas id="myCanvas" width="500" height="500" > /*创建一个画布*/
</canvas>
<script>
var c=document.getElementById("myCanvas");/*找到myCanvas*/
var ctx=c.getContext("2d");/*创建context对象*/
ctx.beginPath();
ctx.fillStyle ="green";