HTML / Javascript 2D масштабируемая сетка изображений квадратной плитки - PullRequest
0 голосов
/ 10 ноября 2018

Мне нужно отобразить сетку изображений произвольной длины в плитках. У меня есть возможность искать позицию, основанную на ее координатах x и y в общей сетке, и получать исходную строку изображения. У меня тоже есть где находится "центральная" координата. Есть ли рамки или библиотеки, которые я могу использовать, чтобы сделать это легко? Я хочу отобразить часть двумерного массива изображений, и мне нужно иметь возможность изменить размер этой части. Я мог бы хотеть отобразить квадратные изображения 5x5 или 25x25, в зависимости от коэффициента масштабирования. Общая карта по существу бесконечна и состоит из постепенно генерируемых данных, основанных на входных координатах. Я в полной растерянности, как сделать это эффективно и действенно с точки зрения интеграции HTML и JavaScript. Как я получаю HTML, чтобы сообщить JavaScript, какие координаты он пытается отобразить, чтобы он мог вызвать метод координироватьToSrcString (x, y). Примеры методов, которые я написал до сих пор, следующие. Координаты X и Y могут быть любыми целыми, отрицательными или положительными.

getCenter () // этот метод возвращает текущую центральную точку, объект с ключами x и y, содержа целые числа

getZoomFactor () // этот метод получает текущий коэффициент масштабирования или количество плиток для отображения на стороне. Это всегда будет странно для центральной плитки, без странного смещения.

argumentsToSrcString (x, y) // этот метод преобразует набор координаты строки, которая указывает на файл изображения для отображения в эта позиция.

Как мне заставить это работать? Нужно ли делать метод обновления, который нужно постоянно вызывать для учета изменений коэффициента масштабирования или тайлов, поскольку данные изменяются после действий пользователя. Есть ли способ иметь структуру, которая будет постоянно обновлять данные об изменениях данных или постоянно обновляться?

...