-
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之前,內(nèi)部線條就不會被填充色填充;查看全部
-
canvas是基于狀態(tài)的繪圖,而非基于對象,后面的屬性會將上面屬性覆蓋;查看全部
-
三種曲線繪制方法 1、arc/arcto:繪制圓弧 2、quadraticCurveTo:一個(gè)控制點(diǎn) 3、bezeirCurveTo:兩個(gè)控制點(diǎn)查看全部
-
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() 保存與恢復(fù)現(xiàn)場查看全部
-
sin查看全部
-
做筆記查看全部
-
context.moveTo(100,100)( 起始點(diǎn) ) context.lineTo(200,200) ( 結(jié)束點(diǎn) ) context.lineWidth = 10 (線條寬度) context.strokeStyle = '#058'(線條顏色) context.stroke()(基于以上狀態(tài)繪制線條)查看全部
-
線條屬性: lineWidth lineCap 線條帽子 屬性值:butt(默認(rèn))、round(圓角)、square(方形) lineJoin 線條相接 miter(默認(rèn)、受miterLimit屬性影響 ) 、 bevel 、 round查看全部
-
lineJoin 線條的相交 round 圓角 miter 尖角(默認(rèn)) bevel 斜接 miterLimit 當(dāng)lineJoin屬性為miter時(shí) 內(nèi)角距離的最大值(線條實(shí)線的尖角和寬度外的線相夾角),超過的話將使用bevel.默認(rèn)為10查看全部
-
arcTo函數(shù)查看全部
-
針對不能單獨(dú)存在的context擴(kuò)展方法 處理方式查看全部
-
擴(kuò)展canvas的context方法查看全部
舉報(bào)
0/150
提交
取消