createjsを使用してhtml5キャンバス上の線の位置を変更

Question

私はCreatejsを使用して5行のスロットゲームを持っていますが、このゲームにもっと多くの行を追加したいと思います。画像（https://ibb.co/nnnctF）をご覧ください。行を作成するコードは次のとおりです。

//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。 ？ありがとう

Answer 1

上記のコード（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/