powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (JS) Узнать реальный угол поворота дива
25 сообщений из 38, страница 1 из 2
(JS) Узнать реальный угол поворота дива
    #39431217
Приветствую, форумчане.

Про matrix(bla-bla) синусы и косинусы знаю.

Постулат: Браузер "знает" количество оборотов элемента если угол больше 360 градусов — очевидно из опыта.

Вопрос: Возможно-ли извлечь этот реальный угол поворота?
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431225
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
да вроде поиском можно найти, например функция для определения угла наклона элемента
это не то, что нужно?
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431409
бухалтер фантоцци,

Нет, к сожалению.
На выходе расчётной функии угол от -180 до 180 градусов :(

Вышел из положения запоминанием полного угла поворота в переменной.
Неудобно, но деваться, похоже, некуда.
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431491
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий-(сколько-же-нас?)Постулат: Браузер "знает" количество оборотов элемента если угол больше 360 градусов — очевидно из опыта.
с фига ли это постулат и очевидно? с точки зрения здравого смысла число полных оборотов просто отбрасывается, и учитывается лишь оставшийся угол.
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431549
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий-(сколько-же-нас?)На выходе расчётной функии угол от -180 до 180 градусов :(Вы-же можете поменять функцию и вернуть другой угол, например от 0 до 360.

AntonariyДмитрий-(сколько-же-нас?)Постулат: Браузер "знает" количество оборотов элемента если угол больше 360 градусов — очевидно из опыта.
с фига ли это постулат и очевидно? с точки зрения здравого смысла число полных оборотов просто отбрасывается, и учитывается лишь оставшийся угол.+1
matrix не содержит сведений о 100500 оборотов, это явно лишнее :)
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431592
Antonariy,

Очевидно — в прямом смысле: "эксперименты доказывают".
Здравый смысл, у всех разный.

бухалтер фантоцци,

Я могу поменять что угодно, но мне нужно бы "добыть" это число из недр браузера — где-то же они там лежат?
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431607
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий-(сколько-же-нас?),
https://learn.javascript.ru/styles-and-classes#полный-стиль-из-getcomputedstyle
тут смотрел?
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431631
вадя,

Да, конечно.
Проблема в том, что "rotate(...deg);" это значение свойства "transform", доступ к которому через:

getPropertyValue("transform")

возвращает целую матрицу всех, применённых трансформаций, где угол поворота в пределах одного оборота, а реальный угол поворота не известно где (но отрабатывается!) :(
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431673
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий-(сколько-же-нас?)возвращает целую матрицу всех, применённых трансформаций, где угол поворота в пределах одного оборота, а реальный угол поворота не известно где (но отрабатывается!) :(
в пределах оборота - это и есть реальный угол
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431679
ИзопропилДмитрий-(сколько-же-нас?)возвращает целую матрицу всех, применённых трансформаций, где угол поворота в пределах одного оборота, а реальный угол поворота не известно где (но отрабатывается!) :(
в пределах оборота - это и есть реальный угол

"В пределах оборота" — хорошее замечание :)
Реальный угол может быть гораздо больше одного оборота и он где-то в недрах браузера есть.
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431690
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий-(сколько-же-нас?),
т.е. тебе надо число оборотов?
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431697
вадяДмитрий-(сколько-же-нас?),
т.е. тебе надо число оборотов?

По-хорошему, мне нужен реальный полный угол поворота элемента, а уж количество оборотов я бы нашёл.
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431718
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий-(сколько-же-нас?),

Ещё раз :

AntonariyДмитрий-(сколько-же-нас?)Постулат: Браузер "знает" количество оборотов элемента если угол больше 360 градусов — очевидно из опыта.
с фига ли это постулат и очевидно? с точки зрения здравого смысла число полных оборотов просто отбрасывается, и учитывается лишь оставшийся угол.
Вам правильно ответил Antonariy
Зачем браузеру хранить угол более 360 град. , если для корректного отображения любого элемента хватает реального угла поворота (0-360 или от -180 до 180) ?

Дмитрий-(сколько-же-нас?)Очевидно — в прямом смысле: "эксперименты доказывают".

Здравый смысл, у всех разный.

Я могу поменять что угодно, но мне нужно бы "добыть" это число из недр браузера — где-то же они там лежат?
Эксперименты доказывают, что браузер корректно отображает элемент, если угол оказывается более 360 или менее -360,
но это не значит, что он где-то запоминает 100500 оборотов (в ту или иную сторону).

А если Вам завтра понадобится добыть из "недр" количество оборотов против часовой и по часовой отдельно?
Это тоже по Вашей логике должен хранить браузер?
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431739
бухалтер фантоцци,

Я не знаю, как задать браузеру вопрос, поэтому зачем ему хранить угол более 360 градусов он мне ответить не может :(

Я знаю, что он эту информацию хранит, причём с учётом направления вращения.
Я знаю, что мне эта информация нужна.

Вопрос к тем, кто в курсе, или может чем-то помочь.
Остальным, просьба не беспокоиться.
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431753
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий-(сколько-же-нас?),
тогда воспользуйся консолью там всё, что есть отображается
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39431797
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий-(сколько-же-нас?)Я знаю, что он эту информацию хранит, причём с учётом направления вращения.
исходники браузера смотрел?
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39432135
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий-(сколько-же-нас?)бухалтер фантоцци,

Я знаю, что он эту информацию хранит, причём с учётом направления вращения.

Ok, давайте возьмём угол 30 град. и будем прибавлять 360, чтобы посмотреть, как работает браузер:

cos(30) == cos(390) == cos(750) == cos(1110) == 0.8660254037844
sin(30) == sin(390) == sin(750) == sin(1110) == 0.5

Теперь будем отнимать 360:

cos(-330) == cos(-690) == cos(-1050) == 0.8660254037844
sin(-330) == sin(-690) == sin(-1050) == -0.5

----------------------------------- Теперь поиграемся с углом 120 град.

cos(120) == cos(480) == cos(840) == cos(1200) == -0.5
sin(120) == sin(480) == sin(840) == sin(1200) == 0.8660254037844

Теперь будем отнимать 360:

cos(-240) == cos(-600) == cos(-960) == -0.5
sin(-240) == sin(-600) == sin(-960) == 0.8660254037844


---------- ИТОГО:
Как мы видим, вполне достаточно хранить не угол, а его косинус и синус, чтобы всегда корректно отображать элемент, и не только...
Зачем хранить углол? Почему Вы уверены, что браузер хранит именно угол?
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39432141
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
бухалтер фантоцциЗачем хранить углол? Почему Вы уверены, что браузер хранит именно угол?
тут тс несколько путает , ему надо не угол, а обороты, но говорит, что зная угол - вычислит обороты. с точки зрения геометрии - он прав. но вот с точки зрения браузера.....
а обороты необходимо знать в тех же играх.
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39432148
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
сорри, поправочка, знак - не написал:
sin(-240) == sin(-600) == sin(-960) == -0.8660254037844

вадябухалтер фантоцциЗачем хранить углол? Почему Вы уверены, что браузер хранит именно угол?
тут тс несколько путает , ему надо не угол, а обороты, но говорит, что зная угол - вычислит обороты. с точки зрения геометрии - он прав. но вот с точки зрения браузера.....
а обороты необходимо знать в тех же играх.
Так браузер только отображает элемент, ему для отображения вполне хватает синуса-клсинуса и координат точки, вокруг которой делать оборот.
А программист (ТС) может делать что угодно, мало-ли что он захочет, только причём тут браузер ? :)
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39432200
бухалтер фантоцци,

Для чего эти рассуждения?

Забейте в css
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39432202
бухалтер фантоцци,

Для чего эти рассуждения?

Забейте в css:

transition: all 0.75s ease;

И выставьте тому же диву, сначала угол 30 градусов, а затем 390 (можно по клику).
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39432216
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий-(сколько-же-нас?),

Ok, смотрим, что происходит.

В CSS-коде указано 390, значит надо при :hover крутить на 390 по часовой,
а при снятии указателя опять на 390, но в другую сторону.

И ЧТО?

390 указано в правилах CSS , то-есть уже запомнено, зачем браузеру где-то хранить в другом месте?

Браузер тупо выполняет CSS-правило, но использует матрицу для текущего отображения - этого вполне достаточно.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<!DOCTYPE html>
<html>
<title>test</title>
<head>
<style>
#div1 { position:relative; width:100px; height:50px; background:#808080; transition: all 0.75s ease; }
#div1:hover { transform: rotate(390deg); }
</style>
</head>
<body>
<div id="div1">1111111111111</div>
</body>
</html>
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39432263
бухалтер фантоцци,

Прибавьте к 390 ещё 30 скриптом и попробуйте прочесть это значение.
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39432265
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий-(сколько-же-нас?)бухалтер фантоцци,

Прибавьте к 390 ещё 30 скриптом и попробуйте прочесть это значение.Покажите тестовый пример, за Вас что-ли делать?
Уже всё разжёвано.
...
Рейтинг: 0 / 0
(JS) Узнать реальный угол поворота дива
    #39432267
Я задал конкретный вопрос:
как в процессе работы страницы, скриптом извлечь полное значение угла поворота дива.

Те же 390 градусов, заданных в css.
...
Рейтинг: 0 / 0
25 сообщений из 38, страница 1 из 2
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (JS) Узнать реальный угол поворота дива
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]