课程源码js第11章第五讲html5canvas.pptxVIP

第十一章 HTML5地图应用第五讲 HTML5 Canvas 讲师：胡延亮 什么是 Canvas? HTML5 canvas 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. canvas 标签只是图形容器，您必须使用脚本来绘制图形。 你可以通过多种方法使用Canva绘制路径,盒、圆、字符以及添加图像。 浏览器支持 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持 canvas 元素. 注意: Internet Explorer 8 及更早 IE 版本的浏览器不支持 canvas 元素 创建一个画布（Canvas） 一个画布在网页中是一个矩形框，通过 canvas 元素来绘制. canvas id=myCanvas width=200 height=100/canvas 简单实例 canvas id=myCanvas width=200 height=100style=border:1px solid #000000;/canvas Js绘制图形 scriptvar c=document.getElementById(myCanvas);var ctx=c.getContext(2d);ctx.fillStyle=#FF0000;ctx.fillRect(0,0,150,75);