-
注意，只有线段的两个端点才会应用lineCap属性。比如这个箭头的末端是圆润的因为设置了context.lineCap="round"; 而其他接点都是正常的
查看全部 -
三条线条分别设置了不同的lineCap
1、context.lineCap = "butt";2、context.lineCap = "round";
3、context.lineCap = "square";
查看全部 -
本章小结：lineWidth strokeStyle fillStyle stroke fill
查看全部 -
fillStyle strokeStyle 颜色值的写法：
#fff;
#643;
rgb(255,128,0)
rgba(100,100,100,0.8);
hsl(20,62%,28%)
hsla(40,82%,33%,0.6)
red
查看全部 -
context.fillRect(x,y,width,height);将直接用当前定义的填充色绘制一个矩形；
context.strokeRect(x,y,width,height);将直接用当前定义的描边色绘制一个矩形；
查看全部 -
context.rect(x,y,width,height);快速绘制矩形
查看全部 -
定义一个画矩形的函数
查看全部 -
先填充颜色 再描边，按照顺序来画，否则线条的宽度会被填充色覆盖
查看全部 -
使用closePath()会自动帮助我们将最后一个顶点连接到第一个顶点，并且有封闭的效果
查看全部 -
beginPath()的使用
查看全部 -
变换矩阵查看全部
-
lineJoin查看全部
-
linecap查看全部
-
封装绘制五角星查看全部
-
canvas contex颜色查看全部
举报
0/150
提交
取消