Диагональный div
Всем доброго времени суток! Искал решениение своей проблеммы в интернете, так ничего и не нашел, кроме тега <canvas>, но с ним мне не очень хочется заморачиваться...
Необходимо просто при помощи JS расположить диагональную линию в диве и позволить пользователю ее вращать, возможно ли это реализовать? И, если возможно, то как? |
css-transform/svg/canvas - выбирайте что вам по душе.
|
Лучше заморачивайтесь с канвой, другие варианты будут ещё хуже, т.к. до HTML5 ничего графического в общем нет. На HTML3-4 можно только динамически подгружать картинки или извращаться с таблицей из однопиксельных ячеек, в этом случае вам придётся писать функцию прорисовки линии по ячейкам.
|
Что лучше - зависит от задач. Может тут svg будет эффективней. Помимо таблицы из dom-элементов (такой себе костыльный html3 холст без сглаживания и API) можно еще поизвращаться с генерацией data:uri для тега img (не знаю, возможно ли это) - это поймет даже IE8 (и вроде даже и более старые)
|
Часовой пояс GMT +3, время: 09:00. |