1、创建 Canvas 元素向 HTML5 页面添加 canvas 元素。规定元素的 id、宽度和高度：<canvas id="" width="400" height="200"></canvas>
2、使用Canvas绘制直线：<script type="text/javascript"> function $$(id){ return document.getElementById(id); } function pageLoad(){ var can = $$('can'); var cans = can.getContext('2d'); cans.moveTo(20,30);//第一个起点 cans.lineTo(120,90);//第二个点 cans.lineWidth=3; cans.strokeStyle = 'blue; cans.stroke(); } </script>
4、绘制一个简单的矩形框<script type="text/javascript"> function $$(id){ return document.getElementById(id); } function pageLoad(){ var can = $$('can'); var cans = can.getContext('2d'); cans.strokeStyle = 'blue'; cans.strokeRect(30,30,340,240); }</script>
