Стал изучать тег path в svg пытаюсь сделать такую линию:
Вот что получается:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 200 32" xml:space="preserve">
<path d='M0 0 l85 0, 115 32, 200 32' />
</svg>
Вроде к...
@uzi_no_uzi M0 0 L85 0? если есть командаL(lineto), то можно запятую не ставить, а в приведенном вами примере, так и есть, а остальные группы цифр, как положено разделены запятыми <path d='M0 0 L85 0, 115 32, 200 32' Команда M(moveto) означает установить перо в точку M0 0 с координатами (0 0)
Линия посередине у вас толще, потому-что нижнюю и верхнюю линию подрезало(вы не оставили места для достаточной ширины поэтому я в своем примере указал координаты с учётом этого <path d="M0,1 90,1 120,31 200,31" по одному пикселю линии отступают сверху и снизу
Я экспериментировал с CSS, пытаясь создать 3d box, в котором можно выбрать передний план фигуры с помощью javascript.
Он просто меняет имя класса box divs и использует свойство transition для плавного перехода между разными местоположениями объекта.
Здесь ссылка на jsfiddle с работающим пр...
@Arthur да нормально всё Меня больше позабавило, как ты под ответом Hamster начала мне про колибри рассказывать. Потом сказал, что медленная анимация, потом сказал, что замечательная анимация. Прямо ураган мыслей :))))
@Arthur Возникла проблема со схемой (большой схемой), которую использую для фона в приложении. Сейчас пользуюсь странным методом, схему в 3D MAXe делаю и рендер на фон. Но она все растет и растет, и макс уже не вариант. Вот и думаю использовать для создания схемы SVG. Как думаете стоит ли оно того или есть другие варианты?
@АлексейБородин вполне возможно сделать в svg. И ещё улучшить возможно,- добавить анимацию движения потоков, подсветку контроллеров, индикаторов и т.д и т.п
@АлексейБородин, если будут вопросы, то обращайтесь, коллективом поможем, а можете отдельный вопрос на SO задать, тоже как вариант, если будут затруднения с чем-то