目录

CanvasRenderingContext2D

CanvasRenderingContext2D 对象提供了一组用来在画布上绘制的图形函数。

 

CanvasRenderingContext2D()

继承层次

Object.prototype
 Function.prototype
  CanvasRenderingContext2D

构造函数

程序不能直接调用该构造函数,否则将会产生异常。

属性列表

属性说明
--

方法列表

语法说明
--

CanvasRenderingContext2D.prototype

继承层次

Object.prototype
 CanvasRenderingContext2D.prototype

属性列表

属性说明
canvas这个环境可以绘制于其上的 Canvas 元素。
fillStyle用来填充路径的当前的颜色、模式或渐变。
globalAlpha指定在画布上绘制的内容的不透明度。这个值的范围在 0.0(完全透明)和 1.0(完全不透明)之间。默认值为 1.0。
globalCompositeOperation指定颜色如何与画布上已有的颜色组合(合成)。
lineCap指定线条的末端如何绘制。合法的值是 “butt”、“round” 和 “square”。默认值是 “butt”。
lineJoin指定两条线条如何连接。合法的值是 “round”、“bevel” 和 “miter”。默认值是 “miter”。
lineWidth指定了画笔(绘制线条)操作的线条宽度。默认值是 1.0,并且这个属性必须大于0。
miterLimit当 lineJoin 属性为 “miter” 的时候,这个属性指定了斜连接长度和线条宽度的最大比率。
shadowBlur指定羽化阴影的程度。默认值是0。
shadowColor把阴影的颜色指定为一个 CSS 字符串或 Web 样式字符串,并且可以包含一个 alpha 部分来表示透明度。默认值是 black。
shadowOffsetX, shadowOffsetY指定阴影的水平偏移和垂直偏移。较大的值使得阴影化的对象似乎漂浮在背景的较高位置上。默认值是 0。
strokeStyle指定了用于画笔(绘制)路径的颜色、模式和渐变。

方法列表

语法说明
arc()用一个中心点和半径,为一个画布的当前子路径添加一条弧线。
arcTo()使用目标点和一个半径,为当前的子路径添加一条弧线。
beginPath()开始一个画布中的一条新路径(或者子路径的一个集合)。
bezierCurveTo()为当前的子路径添加一个三次贝塞尔曲线。
clearRect()在一个画布的一个矩形区域中清除掉像素。
clip()使用当前路径作为连续绘制操作的剪切区域。
closePath()如果当前子路径是打开的,就关闭它。
createLinearGradient()返回代表线性颜色渐变的一个 CanvasGradient 对象。
createPattern()返回代表贴图图像的一个 CanvasPattern 对象。
createRadialGradient()返回代表放射颜色渐变的一个 CanvasGradient 对象。
drawImage()绘制一幅图像。
fill()使用指定颜色、渐变或模式来绘制或填充当前路径的内部。
fillRect()绘制或填充一个矩形。
lineTo()为当前的子路径添加一条直线线段。
moveTo()设置当前位置并开始一条新的子路径。
quadraticCurveTo()为当前路径添加一条贝塞尔曲线。
rect()为当前路径添加一条矩形子路径。
restore()为画布重置为最近保存的图像状态。
rotate()旋转画布。
save()保存 CanvasRenderingContext2D 对象的属性、剪切区域和变换矩阵。
scale()根据 x 水平方向和 y 垂直方向,为 canvas 单位添加缩放变换。
stroke()沿着当前路径绘制或画一条直线。
strokeRect()绘制(但不填充)一个矩形。
translate()转换画布的用户坐标系统。

CanvasRenderingContext2D实例

Object.prototype
 CanvasRenderingContext2D.prototype
  CanvasRenderingContext2D 实例

参考

相关页面

外部链接