javascript - for循环中的渐变填充空

Question

我在具有渐变填充和描边的 createjs Canvas 上绘制按钮。按钮的数量在 for 循环内绘制。正如您将在 fiddle 中看到的那样，每个部分都是通过函数单独绘制的。但只有第一个函数运行绘制正确的填充。后续调用仅绘制渐变笔划 Jsfiddle

for (i = 0; i < db.length; i++) {
        var btn = db[i];
        var sdb = btn.split("_");
        var blabel = sdb[0];
        var battrib = sdb[1]; 
        var bval = sdb[2]; 
        var sid = sdb[3]; 
        var tick = sdb[4]; 
        var cptn = sdb[5];
        var imageType = sdb[6]; 
        var buttonSize = 90 + 10;



        var bttn = new c.Shape();
        bttn.graphics.beginLinearGradientFill([grad1, grad2], [.2, 1], 0, 0,0,50 ).setStrokeStyle(3).beginLinearGradientStroke([grad2, grad1], [.2, 1], 0, 0,0,50 ).drawRoundRect(x, y, 85, 35,5);

        var label = new c.Text(blabel);
            label.font = font;
            label.color = '#000';
            label.x = x+8;
            label.y = y+6;


        m1.addChild(bttn, label);

        x+= buttonSize;
    }s.update();

Answer 1

这似乎对我有用。是不是你忘了偏移你的按钮，所以你只看到第一个？ bttn.y = i*40

https://jsfiddle.net/gskinner/wqu4nzdq/12/