-
stroke会绘制当前状态的所有内容查看全部
-
canvas基于状态的绘制查看全部
-
数学知识：变换矩阵查看全部
-
miterLimint查看全部
-
context.save()//保存当前状态 ...//试验后save和restore直接设置的状态会全部不保存 context.restore();释放之前的状态 /*查看全部
-
beginPath()和lineTo()相当于moveTo()查看全部
-
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <canvas id="canvas" style="border:1px solid #F00 ;display:block;margin:50px auto;"> 当前浏览器不支持canvas，请更换浏览器再试 </canvas> <script type="text/javascript"> window.onload=function(){ var canvas = document.getElementById("canvas"); canvas.width = 700;//指定画图区域 canvas.height = 700; var content = canvas.getContext("2d"); content.moveTo(100,100); //起点 content.lineTo(700,400);//终点 content.lineWidth = 20;//线的宽度 content.strokeStyle = "#fcb";//线的颜色 content.stroke();//调用函数 } </script> </body> </html>查看全部
-
示例图查看全部
-
miter：尖角， context.lineJoin="miter"; context.miterLimit=10;//尖角限制,从线中心平行于边缘点到顶点距离 bevel：平角 round：圆角查看全部
-
图形学查看全部
-
fillStyle strokeStyle查看全部
-
fillStyle查看全部
-
/////////////////////////////////////// // a c e // b d f // 0 0 1 /////////////////////////////////////// // a,d 水平,垂直 缩放 // b,c 水平,垂直 倾斜 // e,f 水平,垂直 位移 ///////////////////////////////////////查看全部
-
style查看全部
-
两个设置变换矩阵的操作查看全部
举报
0/150
提交
取消