H5标签了解

CSS颜色的指定方式：
所有浏览器都支持：
16进制颜色 ：#rrggbb
rgb :rgb(红，绿，蓝)每个参数定义亮度（0–255）之间或用百分比

部分浏览器支持：
rgba ：rgba(红，绿，蓝，alpha）alpha参数介于（0.0–1.0明度
hsl ：hsl(色相，饱和度，亮度）
hsla ：hsla（色调，饱和度，亮度，透明度）
预定义/跨浏览器的颜色名称 ：颜色名称

canvas标签：shadowColor（设置阴影的颜色）
shadowBlur（设置阴影的模糊级数）
shadowOffsetX(设置x方向偏移的阴影）
shadowOffsetY
fillStyle(设置填充的颜色，渐变或模式）
strokeStyle(设置边的颜色，渐变或模式）
createLinearGradient(x0,y0,x1,y1);
（线性渐变）x0,y0:渐变开始的x,y坐标，x1,y1渐变结束的坐标。例子
createPattern(image,’repeat|repeat-x|repeat-y|no-repeat’) （在指定的方向内重复制定的元素例子）
createRadialGradient(x0,y0,r0,x1,y1,r1);
(创建放射状/原型渐变对象）x0,y0,渐变的开始圆的x,y坐标，x1,y1，渐变的结束圆的x,y坐标, r0开始圆的半径，r结束圆的半径（例子）
addColorStop（stop,color）(渐变对象相应位置和位置上的颜色) stop:在0.0–1.0，表示渐变中开始与结束之间的位置。
lineCap 设置线条末端线帽的样式（
context.lineCap=”butt |round |square‘’
）
lineJoin设置所创建边角的类型
lineJoin =”bevel|round|miter”
lineWidth设置当前线条的宽度，以像素计
miterLimit设置最大斜接长度（斜接长度指两条线交汇处内角和外角之间的距离）
rect(x,y,width,height)创建矩形
x,y : 矩形左上角的x,y坐标; width,height:矩形的宽度和高度，以像素计
fillRect(x,y,width,height) 绘制已填充的矩形，默认为黑色
strokeRect(x,y,width,height) 绘制无填充的矩形，笔触默认为黑色
clearRect(x,y,width,height) 清空给定矩形内的指定像素
fill()填充当前的图像颜色
stroke() 绘制出起点moveTo(x,y)到终点lineTo(x,y)的路径，默认为黑色
beginPath（）开始绘画路径详情
closePath（）与beginPath（）相对应
clip()从原始画布中剪切任意形状和尺寸，剪切后所有之后的回话都被限制在被剪区域内
quadraticCurveTo()创建二次贝塞尔曲线
bezierCurveTo()创建三次贝塞尔曲线
arc(x,y,pi1,pi2) 创建弧或圆 x,y中心坐标，pi1起始角，pi2结束角
arcTo(x1,y1,x2,y2,r)创建介于两切线之间的弧或圆(x1,y1起始点的坐标，x2,y2终点的坐标，r半径)
isPointInPath(x,y)指定的点是否在当前路径中，返回true或false
scale(width,height) 缩放当前图至更大或更小
详情
rotate(angle) 旋转当前的图像
translate(x,y)在x,y处重新映射画布上（0，0）位置的图
transform(a,b,c,d,e,f)重绘挡墙的图形，可以缩放，旋转，移动，倾斜等。详情
setTransform 与transform作用相同，只是没有中间的图形，只有开始图形和最后一次设置的图形
font（style,variant,weight,size…） 设置画布上字体 详情
textAlign设置文本的对齐方式
详情