游网站建设方案内容,做算命网站赚钱吗,备案网站转入阿里云,兰州画册设计公司定义和用法 lineCap 属性设置或返回线条末端线帽的样式。 注释#xff1a;round 和 square 会使线条略微变长。 默认值#xff1a;buttJavaScript 语法#xff1a;context.lineCapbutt|round|square;属性值 值描述butt默认。向线条的每… 定义和用法 lineCap 属性设置或返回线条末端线帽的样式。 注释round 和 square 会使线条略微变长。 默认值buttJavaScript 语法context.lineCapbutt|round|square;属性值 值描述butt默认。向线条的每个末端添加平直的边缘。round向线条的每个末端添加圆形线帽。square向线条的每个末端添加正方形线帽。例子 var c document.getElementById(myCanvas);var ctx c.getContext(2d);//获取上下文2d环境var lineCap [butt,round,square];ctx.strokeStyle red;ctx.beginPath();ctx.moveTo(10,10);ctx.lineTo(10,150);ctx.moveTo(150,10);ctx.lineTo(150,150);ctx.stroke();ctx.closePath();for (var i 0; i lineCap.length; i) {ctx.strokeStyle blue;ctx.lineWidth 20;ctx.lineCap lineCap[i];ctx.beginPath();ctx.moveTo(10,30*i20);ctx.lineTo(150,30*i20); ctx.stroke();ctx.closePath();//此处两行不能颠倒位置如果先闭合路径再绘制就不会有端点样式}; 效果图 转载于:https://www.cnblogs.com/sugar-tomato/p/4489345.html
