HTML 5 画布(canvas)
canvas 元素使用 JavaScript 在网页上绘制图像,本身是没有绘图能力。 canvas 是一个矩形区域,可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 下面来做几个示例: 1、填充画布 执行如下: 2、获取坐标 执行如下: 3、绘制线条、图形 1绘制正方形如下: var c=document.getElementById("myCanvas"); 执行如下 2绘制圆形如下: 执行如下: 4、绘制渐变 执行如下: 5、图片 执行如下:
|
- 上一篇:关于css的默认宽度
- 下一篇:<!DOCTYPE>标签的定义与用法