Canvas线段终点和连线

最新推荐文章于 2024-08-14 03:10:22 发布

Wangdanting123

最新推荐文章于 2024-08-14 03:10:22 发布

阅读量2.1k

点赞数

本文链接：https://blog.csdn.net/Wangdanting123/article/details/51803906

版权

       function drawScreen(){
//                实例1：圆形端点、斜角连接、在画布左上角
                context.strokeStyle="#000000";
                context.lineWidth=10;
                context.lineJoin="bevel";
                context.lineCap="round";
                context.beginPath();
                context.moveTo(10,10);
                context.lineTo(25,10);
                context.lineTo(25,25);
                context.stroke();
                context.closePath();

//                实例二：平角端点，圆形连接，不在画布左上角
                context.lineJoin="round";
                context.lineCap="butt";
                context.beginPath();
                context.moveTo(10,40);
                context.lineTo(25,40);
                context.lineTo(25,55);
                context.stroke();
                context.closePath();
            }