Вход

Просмотр полной версии : Цикл не работает c canvas


Blondinka
20.04.2015, 00:14
Здравствуйте.
Хочу создать график с помощью canvas. Проблема в том, что результат отображается только 2 раза (почему-то, именно 2) вне зависимости от количества итераций, заданного в цикле.

http://jsfiddle.net/twkgR/325/

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#abc";
var a=0, d=50;
for(var i=0; i<5; i++){
ctx.fillRect(a,390,10,d);// 1-положение(горизонт) 2-положение 3-ширина 4-длина
d=+50;
a=+20;
}

<canvas id="myCanvas" width="500" height="400" style="border:1px solid #c3c3c3;">
Your browser does not support the HTML5 canvas tag.
</canvas>

Помогите, пожалуйста, разобраться.

Safort
20.04.2015, 02:15
Так должно работать?
http://jsfiddle.net/twkgR/326/

Momon
20.04.2015, 06:37
d+=50;
a+=20;

Blondinka
20.04.2015, 12:25
Safort, почти. Высота (переменная d) не меняется. Она должна увеличиваться на 50px.

Safort
20.04.2015, 13:11
Blondinka,
d это не высота
http://jsfiddle.net/twkgR/328/

Blondinka
20.04.2015, 13:29
Safort, спасибо)