-
fillstyle strokestyle(css支持的颜色，canvas都支持) #ffffff; #642 rgb(255,128,0) rgba(100,100,100m0.8); hsl(20,62%,28%); hsla(40,82%,33%,0.6); red查看全部
-
将fill方法用在stroke之前，内部线条就不会被填充色填充；查看全部
-
canvas是基于状态的绘图，而非基于对象，后面的属性会将上面属性覆盖；查看全部
-
三种曲线绘制方法 1、arc/arcto：绘制圆弧 2、quadraticCurveTo：一个控制点 3、bezeirCurveTo：两个控制点查看全部
-
var backCanvas=createBackgroundCanvas(); var a=context.createPattern(backCanvas,‘repeat’); function createBackgroundCanvas(){ var backCanvas=document.createElement("canvas"); var backCanvasContext=backCanvas.getContext("2d"); drawStar(backCanvasContext,50, 50,50,0); }查看全部
-
变换矩阵 a c e b d f 0 0 1 a：水平缩放 b: 水平倾斜 c: 垂直倾斜 d: 垂直缩放 e: 水平位移 f: 垂直位移查看全部
-
save() restore() 保存与恢复现场查看全部
-
sin查看全部
-
做笔记查看全部
-
context.moveTo(100,100)( 起始点 ) context.lineTo(200,200) ( 结束点 ) context.lineWidth = 10 (线条宽度) context.strokeStyle = '#058'(线条颜色) context.stroke()（基于以上状态绘制线条）查看全部
-
线条属性： lineWidth lineCap 线条帽子 属性值：butt(默认)、round(圆角)、square(方形) lineJoin 线条相接 miter(默认、受miterLimit属性影响 ) 、 bevel 、 round查看全部
-
lineJoin 线条的相交 round 圆角 miter 尖角（默认） bevel 斜接 miterLimit 当lineJoin属性为miter时 内角距离的最大值(线条实线的尖角和宽度外的线相夹角),超过的话将使用bevel.默认为10查看全部
-
arcTo函数查看全部
-
针对不能单独存在的context扩展方法 处理方式查看全部
-
扩展canvas的context方法查看全部
举报
0/150
提交
取消