html5 canvas基础教程
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>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。