-
设置canvas的阴影 context.shadowColor="颜色值"；//阴影颜色值，可以为任何颜色的表现形式 context.shadowOffsetX=value1;//水平方向的偏移，值可以为负值，负值则方向相反 context.shadowOffsetY=value2;//垂直方向的偏移，值可以为负值，负值则方向相反 context.shadowBlur=value3;//阴影模糊程度查看全部
-
文本度量，只有width属性查看全部
-
http://tinyurl.com/html5bezier 贝塞尔三次曲线演示地址 贝塞尔三次曲线：<br> context.moveTo(x0, y0); 起始点 context.bezierCurveTo(x1, y1, x2, y2, x3, y3); 控制点，控制点，结束点查看全部
-
二次贝塞尔曲线和三次贝塞尔曲线查看全部
-
二次贝塞尔曲线 QuadraticCurveTo :<br> context.moveTo( x0, y0 ); //指定初始点<br> context.quadraticCurveTo( x1, y1, x2, y2 ); //指定控制点（x1, y1）和终止点（x2, y2） http://tinyurl.com/html5quadratic贝塞尔曲线演示地址查看全部
-
context.arcTo( x1, y1, x2, y2, radius ); 绘制起点是( x0, y0 )，但是( x0, y0 )不一定是切点，arcTo 方法在( x0, y0 )( x1, y1 )和( x1, y1 )( x2, y2 )两条线段上寻找切点，绘制圆弧（圆弧终止于( x1, y1 )( x2, y2 )这条线段的切点），而且，( x2, y2 )不一定是所绘制圆弧的终点，只是作为辅助线的结束位置，其中( x0, y0 )是上一个点的位置。查看全部
-
图片填充： createPattern( img, repeat-style ); 画布填充： createPattern( canvas, repeat-style ); 视频背景填充： createPattern( vedio, repeat-style );查看全部
-
fillStyle__填充样式（样式是多种多样的）； var linearGrad = context.createLinearGradient(Xstar,Ystar,Xend,Yend);创建线性渐变（起始位置X，Y，结束位置X，Y）； grd.addColorStop(stop,color);stop是（开始填充）位置(0.0~1.0的数值)，color是要填充的颜色；这个.addColorStop()至少要2个； context.fillStyle = linearGrad; Context.fillRect(0,0,800,800);填充的形状，如现在，画布的长宽就是800,800的话，就是填充了整个画布咯查看全部
-
transform矩阵 transform（a,b,c,d,e,f)； transform（1,0,0,1,0,0）； settransform（1，0,0,1,0，0）； a是水平的缩放（1） b是水平的倾斜（0） c垂直的倾斜（0） d垂直的缩放（1） e水平的位移（0） f垂直的位移（0）查看全部
-
canvas图形库查看全部
-
图形变换 位移translate(x,y) 旋转 rotate(deg)//里面是弧度值 缩放 scale(sx,sy) 缩放出现的问题 1.如果有lineWith，宽度也会缩放 2.如果起始点不是0 0，起始点也会缩放 使用save和restore恢复translate造成的原点重叠查看全部
-
位移：translate 旋转：rotate 缩放：scale Canvas状态的保存和恢复：save(),restore()查看全部
-
lineCap ：线条两端的冒子 "butt"(default) "round"//圆形 "square"//方形查看全部
-
lineJoin: 线条与线条相交的形式 miter(default) 尖角； bevel 方角、斜切； round 圆角； miterLimit:内角与外角的距离。默认值是10，此属性只有在lineJoin = "miter"下才有效，且miterLimit >10，线条连接处自动斜切（lineJoin ="bevel")查看全部
-
状态存储查看全部
举报
0/150
提交
取消