Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Цикл не работает c canvas (https://javascript.ru/forum/dom-window/55253-cikl-ne-rabotaet-c-canvas.html)

Blondinka 20.04.2015 00:14

Цикл не работает c canvas
 
Здравствуйте.
Хочу создать график с помощью 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, спасибо)


Часовой пояс GMT +3, время: 23:38.