Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   оптимизация drag and drop (https://javascript.ru/forum/events/31024-optimizaciya-drag-drop.html)

cyber 25.08.2012 17:19

Цитата:

Сообщение от melky (Сообщение 200445)
на будущее, лучше всего смотреть на caniuse.com

смотрю тут обычно http://www.browsersupport.net/
просто решил проверить в других источниках на всякий пожарный:)

cyber 25.08.2012 17:36

еще один вопрос почему этот код работает не только в хроме правильно а и во всех остальных браузерах :blink:
wrapper[0].style.WebkitTransform.match(/(-[0-9]|[0-9])+/ig);

и есть ли способы по проще получить значение Transform?

cyber 25.08.2012 17:53

и как проверить поддержку события TransitionEnd брауезром задается через addEventListener

cyber 25.08.2012 20:28

Цитата:

Сообщение от cyber (Сообщение 200450)
и как проверить поддержку события TransitionEnd брауезром задается через addEventListener

Цитата:

Сообщение от cyber (Сообщение 200449)
еще один вопрос почему этот код работает не только в хроме правильно а и во всех остальных браузерах :blink:
wrapper[0].style.WebkitTransform.match(/(-[0-9]|[0-9])+/ig);

и есть ли способы по проще получить значение Transform?

не могу весь день найти ответы на эти вопросы=(

cyber 25.08.2012 22:11

меня игнорируют:-E

Deff 25.08.2012 22:27

cyber,
:blink: Дык melky - нет - я не в курсе, посколь не пользовалси
http://learn.javascript.ru/css-anima...-transitionend
http://qps.ru/ZyOhW
http://qps.ru/ZyOhW

cyber 25.08.2012 22:33

Цитата:

Сообщение от Deff (Сообщение 200513)
cyber,
:blink: Дык melky - нет - я не в курсе, посколь не пользовалси
http://learn.javascript.ru/css-anima...-transitionend
http://qps.ru/ZyOhW
http://qps.ru/ZyOhW

сор,просто ни кто не знает какого фига оно работает
http://learn.javascript.ru/play/9M2sNb

Deff 25.08.2012 23:08

cyber,
:-E Есть фенька http://htmlbook.ru/css/background-size
Её прикол в том - что при передвижении фоновой картинки методом background-position , - изо не перерендиваецо -а пиксельно смещаецо - скорость возрастает многократно

cyber 25.08.2012 23:09

все ответ получен, кому интересно вот в чем прикол был
Цитата:

Сообщение от Вадим Макеев
Артём, тогда всё ещё проще:

<div></div>

var div = document.querySelector('div');
div.style.BLAH = 'translate(200px, 100px)';
div.innerHTML = div.style.BLAH;

В этом примере BLAH (как и WebkitTransform) — становится некоторым CSS-свойством, которое можно и записать, и прочитать. Но срабатывает только то из них, что поддерживается браузером.


cyber 26.08.2012 20:07

и снова гемор проблемы с оптимизацией, только уже с зумом
проблема в том что если сразу после зума начать двигать элемент пару секунд жестокие тормоза, а потом все ок
пробывал сделать плавный зум, но не помогло
function smoothZoom() {
var zoom = scale - options.scaleStep;
var step = options.scaleStep / 15;

(function animate () {	

zoom += step;

if (zoom > scale){
	CallBackZoom.call(zooming, wrapper);
	return;
	}
	
zooming.css({
  WebkitTransform :'scale('+zoom+')',
  MozTransform : 'scale('+zoom+')',
  OTransform : 'scale('+zoom+')',
  msTransform : 'scale('+zoom+')'
  });
  
 window.requestAnimationFrame(animate) ;
}());

}


Часовой пояс GMT +3, время: 07:15.