html5-06canvas基础-教学课件-canvas基础.ppt

文档介绍：HTML5基础CANVAS元素课程概要canvas元素简介插入canvas元素绘制带边框的canvas元素canvas元素是HTML5中新增的一个专门用来绘制图形的元素,在页面上放置了一个canvas元素时,会创建一块矩形区域,默认情况下该区域宽为300像素,高为150像素。canvas元素简介在HTML中插入canvas元素与插入其他元素一样直观和简单,下面是插入的代码:<canvas></canvas>//插入默认大小的矩形区域//插入指定宽度和高度的矩形区域<canvaswidth=“200”height=“100”></canvas>插入canvas元素插入canvas元素后生成一块“隐藏”的区域,在浏览其中并不能显示,假如要显示出来需要使用标准CSS边框属性来进行设置,代码如下:<canvaswidth=“200”height=“100”style="border:1pxsolid"></canvas>绘制带边框的canvas元素ThankYou!