使用HTML5的画布方法指南

本文主要介绍了使用HTML5的画布方法指南，非常简单明了，是一篇很好的文章，这里是大家推荐的。
帆布法

保存（）保存当前环境的状态

在还原（）返回之前保存的路径状态和属性。

CreateEvent（）

GetContext（）返回一个对象，指出必要的API来访问的绘图功能

ToDataUPL（）返回的画布上的图像的URL

线型的属性和方法

性能：

线帽设置或返回线终点的风格

型角线连接设置或返回时产生的两线相交

线宽设置或返回当前行的宽度。

miterlimit设置或返回最大斜接长度

颜色、样式和阴影属性和方法

属性

填充颜色设置或返回的颜色，渐变或图案用于填充画

strokeStyle设置或返回的颜色，渐变或图案用于中风

shadowcolor设置或返回的阴影的颜色

shadowblur设置或返回一个模糊影子

shadowoffsetx设置或返回的阴影距离形状的水平距离

shadowoffsety设置或返回的阴影距离形状的垂直距离

方法

CreateLinearGradient（）创建一个线性渐变（用在画布的内容）

CreatePattern（）重复指定的方向指定元素

CreateRadialGradient（）创建一个径向和环梯度（用在画布的内容）

AddColorStop（）指定的颜色或停止在目标位置的梯度

路径的方法

填充（）填充当前的绘图（路径）

笔画（）绘制定义的路径

BeginPath（）启动一个路径，或重置当前路径

MoveTo（）的移动路径在画布上指定的点，不创建一个线

ClosePath（）创建从当前点路径的起点

LineTo（）增加了一个新的点来创建从该点到终点线。

剪辑（）从原画布剪切任意形状和大小的区域。

QuadraticCurveTo（）创建的第二贝塞尔曲线

BezierCureTo（）创建的最后方的贝塞尔曲线

弧（）创建一个弧曲线（用于创建一个圆或圆）

ArcTo（）创建圆弧或曲线的两个切线之间

IsPointInPath（）返回一个布尔值，如果指定点处的电流路径

矩形

矩形（）创建一个矩形

用（）绘制矩形填充；

StrokeRect（）绘制一个矩形（无填充）

ClearRect（）在一个给定的矩形清除指定的像素

设置文本属性和方法

性能：

字体设置或返回当前文本内容的字体属性

TextAlign设置或返回当前对齐的文本内容

The textBaseline setting returns the current text baseline that is used when drawing the text.

方法：

filltext（）在画布上画满了文本；

StrokeText（）绘制在画布上的文本（填充）

MeasureText（）返回一个对象包含指定文字宽度

转换的方法

缩放（）缩放当前绘图到更大或更小

旋转（旋转）电流图

（译）重新映射细布（0,0）的位置

转换（）替换图的当前转换矩阵

settransform（）重置为单位矩阵的电流变换。然后运行转换（）