你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!

[0]graphics drawPath drawLine 鼠标画笔画线锯齿

mouseMove(e:Laya.Event){

       

        /**/

        var p:Laya.Point=this.startPoint;

        this.cls.graphics.drawPath(0,0,[

            ["moveTo", p.x,p.y],

            ["lineTo", e.stageX,e.stageY]

        ],null,{strokeStyle:"#ff0000",lineWidth:15,lineJoin:"round",lineCap:"round"});

       //*/

               //this.cls.graphics.drawLine(this.startPoint.x,this.startPoint.y,e.stageX,e.stageY,"#ff0000",15);

        this.startPoint= new Laya.Point(e.stageX,e.stageY);

        

    }

鼠标任意画线的锯齿太严重了，另外drawPath的参数[size=14]画笔定义参数lineJoin和lineCap好像也没有效果，是我使用不对么？[/size]

drawPath

已邀请:

2 个回复

1663123001用户

赞同来自: Yan 、2022

搜索论坛，发现这个问题一直存在，最后用一行代码解决粗线条锯齿问题

mouseMove(e){
//drawLines 有拐点的bug，放弃

this.cls.graphics.drawLine(this.startPoint.x,this.startPoint.y,e.stageX,e.stageY,"#ff0000",20);
//消除锯齿，直接画圆，
this.cls.graphics.drawCircle(e.stageX,e.stageY,10,"#ff0000");

this.startPoint= new Laya.Point(e.stageX,e.stageY);
}