Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.07.2012, 19:52
Аватар для cmd
cmd cmd вне форума
Профессор
Отправить личное сообщение для cmd Посмотреть профиль Найти все сообщения от cmd
 
Регистрация: 19.03.2011
Сообщений: 177

Неверно позиционирование курсора (Fabric.js)
Ипользую fabric.js.

В 60% случаев (иногда меньше) курсор мыши неправильно позиционируется относительно объекта в canvas. Демо.

Никакого результата не дали следующие действия:
1. Пробовал играть со стилями canvas и родительского div
2. Пробовал вызывать
canvas.forEachObject(function(object){ object.setCoords(); });
после каждого добавления текста или картинки - не помогает.
3. Пробовал вешать на колбек объекта, типа:
canvas.observe('after:render', function(e) {	 
	var activeObject = canvas.getActiveObject();
	if (activeObject) {
		activeObject.setCoords();
	}
});


Буду благодарен за любые пригодные идеи.
Самая большая жопа в том, что не получается перенести баг с демо-площадки на простую одностраничную тестовую. И лог ошибок девственно чист. Не представляю как делать отладку...
__________________
Cogito, ergo sum

Последний раз редактировалось cmd, 26.07.2012 в 04:44. Причина: дополнил
Ответить с цитированием
  #2 (permalink)  
Старый 25.07.2012, 20:07
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

cmd,
Чот не нашел тегов <canvas> - на Demke - ткни пальцем
Ответить с цитированием
  #3 (permalink)  
Старый 25.07.2012, 20:17
Аватар для cmd
cmd cmd вне форума
Профессор
Отправить личное сообщение для cmd Посмотреть профиль Найти все сообщения от cmd
 
Регистрация: 19.03.2011
Сообщений: 177

Прошу прощения, линк кривой вставил. Обновил первый пост.
__________________
Cogito, ergo sum
Ответить с цитированием
  #4 (permalink)  
Старый 26.07.2012, 05:35
Аватар для cmd
cmd cmd вне форума
Профессор
Отправить личное сообщение для cmd Посмотреть профиль Найти все сообщения от cmd
 
Регистрация: 19.03.2011
Сообщений: 177

Вроде нашел решение. Но написать стыдно... Вы скажете, что это невозможно... Завтра ещё раз все проверю и если окажется, что я прав - отпишу... Это шок.
__________________
Cogito, ergo sum
Ответить с цитированием
  #5 (permalink)  
Старый 26.07.2012, 05:42
Аватар для cmd
cmd cmd вне форума
Профессор
Отправить личное сообщение для cmd Посмотреть профиль Найти все сообщения от cmd
 
Регистрация: 19.03.2011
Сообщений: 177

Это какая-то невероятная хрень. В верху страницы был такой код
<div class="logo">
		<a href="/"><img src="logo.png" alt="" /></a>
</div>

Этот код вообще никакого отношения к canvas не имел. Ну, вообще никакого. После него в верстке несколько clear стоит и куча текста. На высоту страницы и скролбар этот код никак не влиял. Но! Но именно из-за этого кода было неправильное позиционирование (узнал я это методом тыка).

И тогда я убрал картинку в background-image, а код изменил:
<div class="logo">
		<a href="/" class="logoHref"></a>
	</div>


И о чудо! Позиционирование курсора в canvas стало правильным! Я не могу никак объяснить эту ошибку. Вообще никак. Кто может - я буду благодарен за просвещения.
__________________
Cogito, ergo sum
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Необходима помощь! Остановка карусели при наведении курсора мыши. DAZ jQuery 5 11.05.2018 10:49
Получить координаты курсора в текстовом поле в пикселях prike Events/DOM/Window 4 23.05.2013 04:35
Позиционирование курсора в поле ввода spider84 Элементы интерфейса 1 22.07.2010 13:03
Появление текста при наведении курсора на ссылку Александра Элементы интерфейса 1 11.05.2009 00:22
установка позиции курсора или выделения в iframe mister_maxim Events/DOM/Window 5 18.04.2009 10:43