layaAir真的没办法做涂鸦板？

fool_tiger

我用sp.graphics.drawLines方法做了个鼠标画线，确实是连续画的时间长了，就会很卡，在平板上尤其明显，画两三条线之后就不行了，没办法解决吗？用JS原生的画线方法怎么能加载我的内容上呢，我是想做个透明的画板，盖在显示内容上，就象在内容上做标记一样

w1114367261

你在绘制graphics的时候绘制在一个sprite上试试那！？

fool_tiger

试过了，画两次就卡了，我现在只能用JS的原生方法写了，效果还不错，不知道layaAir和js原生的方法有啥差别呢。
这是js的方法

ctx = canvas.getContext("2d");
function draw(x,y){
        ctx.strokeStyle = lineColor;
        ctx.beginPath();
          ctx.moveTo(xLast, yLast);        
          ctx.lineTo(x, y);
          ctx.stroke();
        ctx.lineWidth =lineW;
        xLast = x;
        yLast = y;        
    }

jweilan

fool_tiger 对，我也想问这个。。老兄。决解没有？

jweilan

fool_tiger 发现可以使用这个方法 sp.graphics.drawLines(0, 0, [0, 0, 39, -50, 78, 0, 117, 50, 156, 0], "#ff0000", 5);涂鸦的时候不停的往哪个坐标数组加东西。不断清空重画，不会卡。。

138*****047

fool_tiger @jweilan:大神，求一个示例代码，谢谢

jweilan

fool_tiger

@6333:var arr=[];
		var s=new Laya.Sprite();
		Laya.stage.addChild(s);
		Laya.stage.on(Laya.Event.MOUSE_DOWN,this,function(e){
			arr.push([e.stageX,e.stageY]);
			Laya.stage.on(Laya.Event.MOUSE_MOVE,this,bb)

})
Laya.stage.on(Laya.Event.MOUSE_UP,this,function(){
Laya.stage.off(Laya.Event.MOUSE_MOVE,this,bb)
})

		function bb(e){
			s.graphics.clear();
			arr[arr.length-1].push(e.stageX);
			arr[arr.length-1].push(e.stageY);
			for(var i=0;i<arr.length;i++){
				s.graphics.drawLines(0, 0, arr[i], "#ff0000", 5);
			}
		}

ohkei

使用Laya的drawLines可以代替moveTo和lineTo，从而实现涂鸦效果