Вход

Просмотр полной версии : Как отобразить два объекта в canvas


Temcher
25.07.2019, 00:03
Подскажите, почему не отображается второй объект (char2) в canvas.

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");


var sett = function(x,y){
this.x = x;
this.y = y;
};
sett.prototype.show = function(){
ctx.fillRect(this.x,this.y, 20,20);
ctx.fillStyle="black";
};


var char = new sett(0,0);

char.show()

var char2 = new sett(100,200);

char2.show()

j0hnik
25.07.2019, 02:12
Temcher,
выходит из области 'видимости' ваш квадрат, холст 300 х 150, у вас координата по Y 200.
можете размер холста увеличить, это поможет

Temcher
25.07.2019, 23:10
Благодарю! а я подумал, что написав<canvas id="myCanvas"></canvas>#myCanvas{
border:2px solid black;
height:400px;
width:800px;
margin-top:50px;

} расширил область canvas