使用createjs改变在html5画布上绘制的线条的位置

我有使用Createjs的五条线条的插槽游戏，但是我想向该游戏添加更多线条。我可以成功添加更多线条，但无法更改线条的位置。请参阅图像（https://ibb.co/nnnctF）。创建行的代码如下。使用createjs改变在html5画布上绘制的线条的位置

//LINE 1 
    var oBut = new CBetBut(334 + oSprite.width/2, 282 + oSprite.height/2,oSprite,true); 
    oBut.addEventListenerWithParams(ON_MOUSE_UP, this._onBetLineClicked, this,1); 
    _aLinesBut[0] = oBut; 

    //LINE 2 
    oBut = new CBetBut(334 + oSprite.width/2, 180 + oSprite.height/2,oSprite,true); 
    oBut.addEventListenerWithParams(ON_MOUSE_UP, this._onBetLineClicked, this,2); 
    _aLinesBut[1] = oBut; 

    //LINE 3 
    oBut = new CBetBut(334 + oSprite.width/2, 432 + (oSprite.height/2),oSprite,true); 
    oBut.addEventListenerWithParams(ON_MOUSE_UP, this._onBetLineClicked, this,3); 
    _aLinesBut[2] = oBut;

我已经在上面的纹路，但没有改变的值试过happens.Can有人请指导我怎样才能改变线的位置。？谢谢

来源

2017-05-29 Irphan Khan

根据上面的代码（例如什么是CBetBut？），很难判断你是如何绘制线条的。

如果您使用的是图形，则可以保存单个命令，然后再修改它们。例如：

var g = new createjs.Graphics(); 
g.beginStroke("red").setStrokeStyle(3).moveTo(0,0); 
var p1 = g.lineTo(10,10).command; 
var p2 = g.lineTo(20,20).command; 
// Later 
p1.y = 20; 
p2.y = 10;

希望有所帮助。您可以在CreateJS博客上阅读更多内容。 http://blog.createjs.com/new-command-approach-to-easeljs-graphics/

来源

2017-05-29 15:30:07 Lanny

使用createjs改变在html5画布上绘制的线条的位置

回答

相关问题