Показать сообщение отдельно
  #3 (permalink)  
Старый 05.02.2018, 13:31
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,795

function Schema() {
	//Массив путей к файлам изображений, которые необходимо вывести на canvas в рамках текущего объекта
	this.Characters = [
		["11985_32.png"],
		["22470_32.png"]
	];
	//Функция вывода изображений для объекта
	this.Show = function() {
		this.canvas = document.querySelector("canvas")
		this.cx = this.canvas.getContext("2d");
		var parent = this;
		for(var i = 0; i < this.Characters.length; i++) {
			(function(i) {
				parent.Characters[i][1] = new Image();
				parent.Characters[i][1].onload = function() {
					console.log(i + ": " + parent.Characters[i][1].src);
					parent.cx.drawImage(parent.Characters[i][1], 100, 100 + i * 40);
				};
				parent.Characters[i][1].src = "Types/" + parent.Characters[i][0];
				parent.cx.fillText(parent.Characters[i][0], 100, 100 + i * 40);
			})(i);
		}
	}
}
//В тестовых целях создаем один единственный объект
var schema = new Schema();
//И пытаемся его отобразить на canvas
schema.Show();
Ответить с цитированием