Javascript.RU

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

Активная мини-карта
Имеется 2 канваса для рисования с загруженной на них картинкой. Первый - карта, второй - миникарта.
Помогите настроить перемещение по карте зажатой кнопкой мыши, а не на баттонах, установленных ниже канваса.
Плюс, так же перемещение миникарты совместно с перемещением основной карты.
В джваскрипте совсем новичок, очень жду вашей помощи.
Весь исходник:
<html>
<head>
    <link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<style type="text/css">
body {
    
</style>
<script type="text/javascript">

}

}
</script>
<body>

</body>
</html>

Последний раз редактировалось EvIIIL, 15.11.2016 в 00:41.
Ответить с цитированием
  #2 (permalink)  
Старый 14.11.2016, 16:02
Аватар для Coriolan161
Профессор
Отправить личное сообщение для Coriolan161 Посмотреть профиль Найти все сообщения от Coriolan161
 
Регистрация: 21.11.2015
Сообщений: 440

EvIIIL,
addEventListener('mousedown', function(event) {})

addEventListener('mousemove', function(event) {})

event.pageX
event.pageY
Ответить с цитированием
  #3 (permalink)  
Старый 14.11.2016, 17:26
Новичок на форуме
Отправить личное сообщение для EvIIIL Посмотреть профиль Найти все сообщения от EvIIIL
 
Регистрация: 14.11.2016
Сообщений: 4

Сообщение от Coriolan161 Посмотреть сообщение
EvIIIL,
addEventListener('mousedown', function(event) {})

addEventListener('mousemove', function(event) {})

event.pageX
event.pageY
Так, если ван не трудно, то напишите поконкретнее пожалуйста
пытался вставить в функцию onload - не вышло, перед ней - все дропается.
Внутренние параметры функции какие писать?
сейчас сижу, учу JS, а пока что рассчитываю только на вас
Ответить с цитированием
  #4 (permalink)  
Старый 14.11.2016, 18:08
Аватар для Coriolan161
Профессор
Отправить личное сообщение для Coriolan161 Посмотреть профиль Найти все сообщения от Coriolan161
 
Регистрация: 21.11.2015
Сообщений: 440

EvIIIL,
Трудно)
Короче
1) Приведи свой код к единому стилю. Над каждой функцией напиши что она делает, какие параметры передаются и что она возвращает. Ты офигеешь как проще будет работать и что-то выяснять
2) Это тебе просто идея на посмотреть. Пихай туда где канвас определяешь
var isMoving = false;
canvas.addEventListener('mousedown', function(event) {
 // event - объект события, в нем много интересной фигни
 // попробуй console.log(event) и увидишь

 // event.pageX, event.pageY - координаты `места` события
 console.log(event.pageX);
 console.log(event.pageY);
 isMoving = true;
});

canvas.addEventListener('mouseup', function(event) {
 isMoving = false;
});

canvas.addEventListener('mousemove', function(event) {
  if (isMoving) {
    moveIm(event.pageX, event.pageY);
  };
});

3) Чуть поправь для демонстрации
function moveIm(dx,dy){
  x0 = dx;
  y0 = dy;
Ответить с цитированием
  #5 (permalink)  
Старый 14.11.2016, 21:10
Новичок на форуме
Отправить личное сообщение для EvIIIL Посмотреть профиль Найти все сообщения от EvIIIL
 
Регистрация: 14.11.2016
Сообщений: 4

Сообщение от Coriolan161 Посмотреть сообщение
EvIIIL,
Трудно)
Короче
1) Приведи свой код к единому стилю. Над каждой функцией напиши что она делает, какие параметры передаются и что она возвращает. Ты офигеешь как проще будет работать и что-то выяснять
2) Это тебе просто идея на посмотреть. Пихай туда где канвас определяешь
var isMoving = false;
canvas.addEventListener('mousedown', function(event) {
 // event - объект события, в нем много интересной фигни
 // попробуй console.log(event) и увидишь

 // event.pageX, event.pageY - координаты `места` события
 console.log(event.pageX);
 console.log(event.pageY);
 isMoving = true;
});

canvas.addEventListener('mouseup', function(event) {
 isMoving = false;
});

canvas.addEventListener('mousemove', function(event) {
  if (isMoving) {
    moveIm(event.pageX, event.pageY);
  };
});

3) Чуть поправь для демонстрации
function moveIm(dx,dy){
  x0 = dx;
  y0 = dy;
запилил
теперь проблема в ее функционировании) при передвигании канваса картинка сдвигается в третью часть экрана, то бишь координаты видимо забиваются отрицательные, и собственно при следующем нажатии начинает двигать не с того места куда передвинул, то бишь не запоминает текущие координаты

я человек совестливый, не хочу показаться наглым, и просить помощи абсолютно в каждом действии. Сидел сейчас, разбирался полтора часа, так ничего и не пришло в голову. В шарпе уж давно бы решение пришло, но это для меня ново, а диплом-то сам не напишется
Ответить с цитированием
  #6 (permalink)  
Старый 14.11.2016, 21:41
Аватар для Coriolan161
Профессор
Отправить личное сообщение для Coriolan161 Посмотреть профиль Найти все сообщения от Coriolan161
 
Регистрация: 21.11.2015
Сообщений: 440

EvIIIL,
Цитата:
теперь проблема в ее функционировании)
Я по-моему тебе сразу написал что это демонстрация, а допиливать придется тебе.
Цитата:
я человек совестливый, не хочу показаться наглым, и просить помощи абсолютно в каждом действии
Забыл добавить что и хитрожопенький
Цитата:
Сидел сейчас, разбирался полтора часа
Молодец, ещё посиди
Ответить с цитированием
  #7 (permalink)  
Старый 15.11.2016, 00:42
Новичок на форуме
Отправить личное сообщение для EvIIIL Посмотреть профиль Найти все сообщения от EvIIIL
 
Регистрация: 14.11.2016
Сообщений: 4

Сообщение от Coriolan161 Посмотреть сообщение
EvIIIL,

Я по-моему тебе сразу написал что это демонстрация, а допиливать придется тебе.

Забыл добавить что и хитрожопенький

Молодец, ещё посиди
ладно, спасибо и на этом
Ответить с цитированием
  #8 (permalink)  
Старый 15.11.2016, 01:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

EvIIIL,
http://coursesweb.net/jquery/jqzoom-image-magnifier_jp
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
подгрузка страниц AJAX и гугл карта, карта не подгружается gumapumba Общие вопросы Javascript 1 25.09.2015 16:25
Интерактивная карта happy_man jQuery 9 01.05.2014 23:25
Интерактивная карта dianitka Элементы интерфейса 2 09.03.2013 21:14
карта google maps 3 kk-s Элементы интерфейса 1 19.04.2012 17:20
Яндекс карта и наложение объектов Rembrant Элементы интерфейса 3 08.11.2011 17:25