Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.06.2014, 21:29
Интересующийся
Отправить личное сообщение для pavelfdr Посмотреть профиль Найти все сообщения от pavelfdr
 
Регистрация: 10.06.2014
Сообщений: 15

Разделить изображение на сегменты
Здравствуйте уважаемые обитатели форума! Помогите пожалуйста советом. Задача такая: Требуется создать одно большое изображение ( а желательно бесконечный канвас) и разделить его на множество маленьких квадратов,каждому квадрату задать свой id. (который будет сохранен в бд) Так как изображение очень большое загружается,только тот кусок,который виден на мониторе.( возможно внутри какого-нибудь окна div) Изображение можно увеличить и перетащить в любую сторону,в общем принцип как в google maps
Сначала я думал про создание интерактивной карты,позже про canvas html5,но потом совсем сбился с толку... Направьте пожалуйста на путь верный,подскажите как и с помощью чего можно реализовать данную задачу.К теме прикрепляю изображение,которое немного поможет понять задачу.Заранее всем огромное спасибо


Последний раз редактировалось pavelfdr, 10.06.2014 в 21:33.
Ответить с цитированием
  #2 (permalink)  
Старый 10.06.2014, 23:28
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

для начала можно посмотреть в эту сторону

Ответить с цитированием
  #3 (permalink)  
Старый 11.06.2014, 00:29
Профессор
Отправить личное сообщение для depp Посмотреть профиль Найти все сообщения от depp
 
Регистрация: 22.04.2014
Сообщений: 151

http://api.yandex.ru/maps/jsbox/2.1/user_map
Ответить с цитированием
  #4 (permalink)  
Старый 11.06.2014, 03:44
Интересующийся
Отправить личное сообщение для pavelfdr Посмотреть профиль Найти все сообщения от pavelfdr
 
Регистрация: 10.06.2014
Сообщений: 15

Огромное спасибо! Скажите пожалуйста,вот еще подумал о интерактивной карте SVG... стоит ли связываться? Ваше мнение.
Ответить с цитированием
  #5 (permalink)  
Старый 11.06.2014, 03:56
Интересующийся
Отправить личное сообщение для pavelfdr Посмотреть профиль Найти все сообщения от pavelfdr
 
Регистрация: 10.06.2014
Сообщений: 15

http://share.arkada-sw.ru/canvasmap/ Вот здесь пример реализован на HTML5 Canvas.
Ответить с цитированием
  #6 (permalink)  
Старый 11.06.2014, 04:24
Интересующийся
Отправить личное сообщение для pavelfdr Посмотреть профиль Найти все сообщения от pavelfdr
 
Регистрация: 10.06.2014
Сообщений: 15

А возможен ли вариант создать массив из скажем div и каждому назначить id и обработать с помощью onclick? Или же лучше нарисовать одну огромную интерактивную карту SVG и зазделить ее на 1000000 честей?
Тоесть моя карта - это один огромный квадрат( напоминает огромную шахматную доску) ,поделенный на огромное количество маленьких квадратом,которые имеют свой id и обрабатываются onclick. А для удобного просмотра используется зум и перемещение.
Сломал всю голову как это реализовать. Так как это не обычная интерактивная карта с определенным количеством сегментов.

Последний раз редактировалось pavelfdr, 11.06.2014 в 04:43.
Ответить с цитированием
  #7 (permalink)  
Старый 11.06.2014, 06:41
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,588

Как-бэ в яндекс\гугл\опен картах много умных людей долго ломали голову над этим вопросом. Так что, имхо, лучше не изобретать велосипед, а делать также.

Другое дело если важен не результат, а процесс - тогда делайте как угодно и что угодно.
__________________
29375, 35
Ответить с цитированием
  #8 (permalink)  
Старый 11.06.2014, 09:45
Интересующийся
Отправить личное сообщение для pavelfdr Посмотреть профиль Найти все сообщения от pavelfdr
 
Регистрация: 10.06.2014
Сообщений: 15

Вот наткнулся на интересную вещь https://github.com/theshock/libcanva.../Projection.md
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Найти изображение после кнопки Гробовщик jQuery 4 15.05.2014 09:34
Как вставить изображение из объекта new Image в тег <img Danxil Общие вопросы Javascript 1 11.11.2013 10:34
Вывести изображение после ввода URL без перезагрузки страницы Delfiniys Элементы интерфейса 5 18.10.2013 11:41
JS загружает изображение всегда с локального кэша - почему? buhpro Общие вопросы Javascript 4 02.10.2013 21:01
Как предварительно загруженное изображение сделать бэкграундом? hrundel Общие вопросы Javascript 1 02.08.2009 12:45