createjs 用户画线 粗细bug Graphics setStrokeStyle() 粗细BUG

 

具体BUG表现为， 线条设置了绘制粗细    setStrokeStyle(5)    

 

解决方案： 

 

var S=this

var g = new createjs.Graphics()
//--------------------------这里先画一次
g.setStrokeStyle(5);
g.beginStroke("#FFF");
g.moveTo(-1,-1);
g.lineTo(-1,-1);
g.endStroke();
//g.clear();//如果使用了clear()  需要重新来一次。
//-------------------------
var sp = new createjs.Shape(g)
S.addChild(sp);


S.on("mousedown", function (e)
{
    ////------------------也可以在每次down 的时候 重置样式
    //g.setStrokeStyle(Math.floor(Math.random()*10)+1);
    //g.beginStroke("#FFF");
    //g.moveTo(-1,-1);
    //g.lineTo(-1,-1);
    //g.endStroke();
    ////------------------
    
    g.beginStroke("#F00");
    g.moveTo(stage.mouseX, stage.mouseY);
    S.addEventListener("pressmove", moveF);
    S.addEventListener("pressup", upF);
});

function moveF(e)
{
    g.lineTo(stage.mouseX, stage.mouseY)
}
function upF(e)
{
    g.lineTo(stage.mouseX, stage.mouseY)
    g.endStroke();
    S.removeEventListener("pressmove", moveF)
    S.removeEventListener("pressup", upF)
}

 

BUG 原因，暂未查明