使用canvas元素
168
在HTML 页面上定义﹤canvas.../﹥元素与定义其他普通元素并无任何不同,它除了可以指定 id、style、class、hidden 等通用属性之外,还可以指定如下两个属性。
height:该属性设置该画布组件高度。
width:该属性设置该画布组件宽度。
在 HTML 网页上定义﹤canvas.../﹥元素之后,它只是一张 “空白”的画布,画布上面一片
空白,一无所有。为了向﹤canvas.../﹥元素上绘图,必须经过如下 3步。
(1) 获取﹤canvas.../﹥元素对应的 DOM 对象,这是一个 Canvas 对象。
(2)调用 Canvas 对象的 getContext( )方法,该方法返回一个 CanvasRerdering Context2D
对象,该对象即可绘制图形。
(3)调用 CanvasRenderingContext2D对象的方法绘图。