html5 canvas基础教程,html的canvas怎么用

　　Canvas方法

　　Save()保存当前环境的状态。

　　Restore()返回先前保存的路径状态和属性。

　　createEvent()

　　GetContext()返回一个对象，指示访问绘图函数所需的API。

　　ToDataUPL()返回画布图像的URL。

　　线的属性和方法

　　属性：

　　LineCap设置或返回线条的端点样式。

　　LineJoin设置或返回两条线相交时创建的角的类型。

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

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

　　色彩、风格和阴影的属性和方法

　　属性

　　FillStyle设置或返回用于填充绘画的颜色、渐变或模式。

　　StrokeStyle设置或返回用于描边的颜色、渐变或模式。

　　设置或返回用于阴影的颜色。

　　ShadowBlur设置或返回用于阴影的模糊级别。

　　ShadowOffsetX设置或返回阴影与形状的水平距离。

　　ShadowOffsetY设置或返回阴影与形状的垂直距离。

　　方法

　　CreateLinearGradient()创建一个线性渐变(用于画布内容)

　　CreatePattern()在指定方向重复指定元素。

　　CreateRadialGradient()创建径向/圆形渐变(用于画布内容)

　　AddColorStop()指定渐变对象中的颜色或停止位置。

　　小路

　　Fill()填充当前图形(路径)

　　Stroke()绘制定义的路径。

　　BeginPath()开始一个路径或重置当前路径。

　　Move()将路径移动到画布中的指定点，而不创建线条。

　　ClosePath()创建一条从当前点回到起点的路径。

　　LineTo()添加一个新点，并创建一条从该点到最后一个指定点的线。

　　Clip()从原始画布中剪切任意形状和大小的区域

　　quadraticCurveTo()创建第二条贝塞尔曲线。

　　BezierCureTo()创建最后一条方形贝塞尔曲线。

　　弧()创建弧/曲线(用于创建圆或部分圆)

　　Arc()在两条切线之间创建圆弧/曲线

　　如果指定点在当前路径中，IsPointInPath()返回一个布尔值。

　　矩形

　　Rect()创建一个矩形

　　Rect()绘制一个“fillRect”矩形。

　　StrokeRect()绘制矩形(无填充)

　　ClearRect()清除给定矩形中的指定像素。

　　设置文本属性和方法

　　属性：

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

　　设置或返回文本内容的当前对齐方式。

　　TextBaseline设置返回绘制文本时使用的当前文本基线。

　　方法：

　　FillText()在画布上绘制“填充”文本。

　　StrokeText()在画布上绘制文本(无填充)

　　MeasureText()返回一个包含指定文本宽度的对象。

　　转化法

　　Scale()放大或缩小当前图形。

　　Rotate()旋转当前图形。

　　Translate()重新映射印花衬衫的(0，0)位置。

　　Transform()替换绘图的当前变换矩阵。

　　SetTransform()将当前转换重置为单位矩阵。然后运行transform()

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。