-
stroke會(huì)繪制當(dāng)前狀態(tài)的所有內(nèi)容查看全部
-
canvas基于狀態(tài)的繪制查看全部
-
數(shù)學(xué)知識(shí)：變換矩陣查看全部
-
miterLimint查看全部
-
context.save()//保存當(dāng)前狀態(tài) ...//試驗(yàn)后save和restore直接設(shè)置的狀態(tài)會(huì)全部不保存 context.restore();釋放之前的狀態(tài) /*查看全部
-
beginPath()和lineTo()相當(dāng)于moveTo()查看全部
-
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標(biāo)題文檔</title> </head> <body> <canvas id="canvas" style="border:1px solid #F00 ;display:block;margin:50px auto;"> 當(dāng)前瀏覽器不支持canvas，請(qǐng)更換瀏覽器再試 </canvas> <script type="text/javascript"> window.onload=function(){ var canvas = document.getElementById("canvas"); canvas.width = 700;//指定畫圖區(qū)域 canvas.height = 700; var content = canvas.getContext("2d"); content.moveTo(100,100); //起點(diǎn) content.lineTo(700,400);//終點(diǎn) content.lineWidth = 20;//線的寬度 content.strokeStyle = "#fcb";//線的顏色 content.stroke();//調(diào)用函數(shù) } </script> </body> </html>查看全部
-
示例圖查看全部
-
miter：尖角， context.lineJoin="miter"; context.miterLimit=10;//尖角限制,從線中心平行于邊緣點(diǎn)到頂點(diǎn)距離 bevel：平角 round：圓角查看全部
-
圖形學(xué)查看全部
-
fillStyle strokeStyle查看全部
-
fillStyle查看全部
-
/////////////////////////////////////// // a c e // b d f // 0 0 1 /////////////////////////////////////// // a,d 水平,垂直 縮放 // b,c 水平,垂直 傾斜 // e,f 水平,垂直 位移 ///////////////////////////////////////查看全部
-
style查看全部
-
兩個(gè)設(shè)置變換矩陣的操作查看全部
舉報(bào)
0/150
提交
取消