Форум

wadim · #1 (**permalink**) 05.03.2014, 20:22

<canvas id="canvas" width="800" height="800"></canvas>

<script>
VarCanvas = document.getElementById("canvas");
ctx = VarCanvas .getContext('2d');

for (i=0; i<2; i++) {

ctx.fillRect(i*100, 0, i*100+100, 100);

}

</script>

этот скрипт должен вывести 2 квадрата, но выводит 3. Что тут не так? спс

рони · #2 (**permalink**) 05.03.2014, 20:54

wadim,
где квадраты?????? у вас же прямоугольники

wadim · #3 (**permalink**) 05.03.2014, 21:03

Сообщение от рони

wadim,
где квадраты?????? у вас же прямоугольники

при i=0 будет:
ctx.fillRect(0*100, 0, 0*100+100, 100); - это 1 квадрат

при i=1:
ctx.fillRect(1*100, 0, 1*100+100, 100); - это 2 квадрат

рони · #4 (**permalink**) 05.03.2014, 21:09

Сообщение от wadim

ctx.fillRect(1*100, 0, 1*100+100, 100); - это 2 квадрат

это по вашему квадрат

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
</head>

<body>
  <canvas id="canvas" width="800" height="800"></canvas>

 <script>
 VarCanvas = document.getElementById("canvas");
 ctx = VarCanvas .getContext('2d');
 ctx.fillStyle = "#ff0000";
 ctx.fillRect(1*100, 0, 1*100+100, 100)
 </script>

</body>

</html>

срочно в док!

wadim · #5 (**permalink**) 05.03.2014, 21:19

Спасибо, я не правильно понял как работает fillRect, в делпи 7 вроде иначе.

Форум

Справочник

Discord чат

Курсы javascript