Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как отобразить два объекта в canvas (https://javascript.ru/forum/events/78089-kak-otobrazit-dva-obekta-v-canvas.html)

Temcher 25.07.2019 00:03

Как отобразить два объекта в canvas
 
Подскажите, почему не отображается второй объект (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


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