这篇文章主要介绍“html5中canvas方法怎么使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“html5中canvas方法怎么使用”文章能帮助大家解决问题。
html5的canvas方法使用
HTML5 canvas的isPointInPath是一个非常重要的函数，其作用是判断某一点是否是在某个路径内。其语法如下：
html5的canvas方法使用指南，
canvas的方法
save（）保存当前环境的状态
restore（） 返回之前保存过的路径状态和属性
createEvent（）
getContext（）返回一个对象，指出访问绘图功能必要的API
toDataUPL（） 返回canvas图像的URL
线条样式的属性和方法
属性：
lineCap设置或返回线条的结束端点样式
lineJoin设置或返回两条线相交时，所创建的拐角类型
lineWidth设置或返回当前线条的宽度。
miterLimit设置或返回最大斜接长度
颜色，样式和阴影属性和方法
属性
fillStyle设置或返回用于填充绘画的颜色，渐变或模式
strokeStyle设置或返回用于笔触的颜色，渐变或模式
shadowColor设置或返回用于阴影的颜色
shadowBlur设置或返回用于阴影的模糊级别
shadowOffsetX设置或返回阴影距形状的水平距离
shadowOffsetY设置或返回阴影距形状的垂直距离
方法
createLinearGradient（）创建线性渐变（用在画布内容上）
createPattern（）在指定的方向上重复指定的元素
createRadialGradient（）创建放射状/环形的渐变（用在画布内容上）
addColorStop（）规定渐变对象中的颜色或停止位置
路径方法
fill（）填充当前绘图（路径）
stroke（）绘制已定义的路径
beginPath（）起始一条路径，或重置当前路径
moveTo（）把路径移动到画布中的指定点，不创建线条
closePath（）创建从当前点回到起始点的路径
lineTo（）添加一个新点，创建从该点到最后指定点的线条
clip（）从原始画布剪切任意形状和尺寸的区域
quadraticCurveTo（）创建第二次贝塞尔曲线
bezierCureTo（）创建上次方贝塞尔曲线
arc（）创建弧/曲线（用于创建圆形或部分圆）
arcTo（）创建两切线之间的弧/曲线
isPointInPath（）如果指定的点位于当前路径中，返回布尔值
矩形
Rect（）创建矩形
fillRect（）绘制”被填充”的'矩形
strokeRect（）绘制矩形（无填充）
clearRect（）在给定的矩形内清除指定的像素
设置文本属性和方法
属性：
font 设置或返回文本内容的当前字体属性
textAlign设置或返回文本内容的当前对齐方式
textBaseline 设置会返回在绘制文本时使用的当前文本基线。
方法：
fillText（）在画布上绘制”被填充的”文本
strokeText（）在画布上绘制文本（无填充）
measureText（）返回包含指定文本宽度的对象
转换方法
scale（） 缩放当前绘图至更大或更小
rotate（） 旋转当前绘图
translate（）重新映射花布衫的（0,0）位置
transform（）替换绘图的当前转换矩阵
setTransform（）将当前转换重置为单位矩阵。然后运行transform（）
关于“html5中canvas方法怎么使用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注编程网行业资讯频道，小编每天都会为大家更新不同的知识点。
