 |
|
Модераторы: Sardar, Aliance |
 
|
|
Как сделать часы со стрелками, как повернуть стрелки 
| _sten_ |
|
|||
 Бывалый  Профиль Группа: Участник Сообщений: 184 Регистрация: 29.9.2006 Репутация: нет Всего: 3 |
Хочю сделать часики со стрелками. Нашол 2 скрипта: в первом рисуется 60 стрелок в гифе и по очереди грузятса, а во втором стрелки создаются каким-то непонятным <OBJECT> который работает не во всех браузерах...
Ни первый ни второй способ мне не нравится: в первом много мороки, а второй работает не во всех браузерах. Хочю спросить у знатоков как повернуть избражение на определенный угол, и можна ли вобще такое сделать? --------------------
WARNING: Condition 'to_be || !to_be' is always 'true' ! |
|||
|
||||
Загрузка ...
| dXdYdZ |
|
|||
|
Шустрый Профиль Группа: Участник Сообщений: 146 Регистрация: 16.4.2007 Репутация: 3 Всего: 4 |
Есть пара способов отрисовать стрелки:
1) При помощи SVG(скалярная векторная графика). Работает только в современных браузерах. 2) При помощи очень маленьких (1*1 пиксел) div-ов. Вариант кроссбраузерный, но не самый быстрый. Кроме этого, в интернете встречаются готовые библиотеки для рисования. В частности, Dojo Toolkit имеет не только библиотеку для рисования (dojo.gfx), но и готовые часы. |
|||
|
||||
| _sten_ |
|
|||
|
Бывалый Профиль Группа: Участник Сообщений: 184 Регистрация: 29.9.2006 Репутация: нет Всего: 3 |
это и есть SVG? --------------------
WARNING: Condition 'to_be || !to_be' is always 'true' ! |
|||
|
||||
| dXdYdZ |
|
|||
|
Шустрый Профиль Группа: Участник Сообщений: 146 Регистрация: 16.4.2007 Репутация: 3 Всего: 4 |
Вот пример SVG:
http://www.webmasterschool.ru/articles/article21.php Добавлено через 10 минут и 39 секунд А работать с SVG можно при помощи DOM. Кстати, поворот задаётся так:
(rotate) |
|||
|
||||
| _sten_ |
|
|||
|
Бывалый Профиль Группа: Участник Сообщений: 184 Регистрация: 29.9.2006 Репутация: нет Всего: 3 |
дык значит просто повернуть картинку на угол нильзя??? Тоисть стрелки в любом случае прийдется рисовать в браузере?
--------------------
WARNING: Condition 'to_be || !to_be' is always 'true' ! |
|||
|
||||
| dXdYdZ |
|
|||
|
Шустрый Профиль Группа: Участник Сообщений: 146 Регистрация: 16.4.2007 Репутация: 3 Всего: 4 |
По-моему в SVG есть элемент image или что-то вроде этого. А рисовать в браузере - не обязательно. Есть Svg-редакторы, в которых можно рисовать как в любом другом векторном редакторе. Правда, svg поддерживается только новыми браузерами.
Для IE можно проще-можете посмотреть здесь. |
|||
|
||||
| 12345c |
|
|||
 Круглый Профиль Группа: Vingrad developer Сообщений: 2018 Регистрация: 26.12.2005 Где: наша не пропадала ? Репутация: 57 Всего: 101 |
Повернуть в браузере нельзя рисунок (кроме решений на Flash, SVG).
В сети есть скрипт часов, в котором стрелки созданы рядом из 8-10 точек. Можно утяжелить, формировать более плотную стрелку. Или делать стрелку из наложения 2 треугольников, которые формируются в чистом JS-CSS из угла бордюра дива высотой 0 пикс. (Получится схематически, но линия, потребует отладки.) |
|||
|
||||
| dXdYdZ |
|
|||
|
Шустрый Профиль Группа: Участник Сообщений: 146 Регистрация: 16.4.2007 Репутация: 3 Всего: 4 |
В IE можно - с помощью фильтра RotateFilter(). (Ссылку на пример дал ранее) |
|||
|
||||
| SelenIT |
|
|||
 баг форума Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 49 Всего: 401 |
dXdYdZ, по-моему, DXImageTransform.Microsoft.BasicImage умеет поворачивать только на целое число прямых углов, на произвольный угол умеет поворачивать Matrix. Именно его пытается воспроизвести "голым" Javascript-ом оригинальный вариант чуть ниже по Вашей же ссылке...
-------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
|
|
| Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию. |
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | JavaScript: Общие вопросы | Следующая тема » |
[ Время генерации скрипта: 0.0588 ] [ Использовано запросов: 22 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |