Подcкажите редакторы SVG куда можно загрузит svg и отобразятся точки координат за которые можно таскать и менять координаты?

117
16 сентября 2019, 20:00

Подскажите редакторы SVG куда можно загрузит svg и отобразятся точки координат за которые можно таскать и менять координаты? или можно есть приложение для хрома? Что подобное этому codepen.io/wokster/pen/qyrywL

Answer 1

Для рисования простых фигур есть и такие редакторы:

editor.method

svg-edit.github.io

Генераторы криволинейных путей

  • SVG GENERATOR PATH

Очень удобная вещь.

Перемещаете узловые точки, двигаете рычаги, а внизу пишется код патча.

Может быть использован для написания кода для фигурной шапки сайта, для анимашек волн и т.д и т.п

Полученный код из генераторов, в период освоения SVG, лучше добавлять инлайн способом, то есть непосредственным копированием в HTML

  • Path Length Calculator

Копируете формулу path и получаете его максимальную длину.

Вычисление длины path необходима для написания кода анимации рисования линий, посредством изменения атрибута stroke-dasharray

  • SVG Path Builder

Добавляете, удаляете, перемещаете узловые точки для получения нужной формы кривой. В нижнем правом углу автоматом пишется код path

Генераторы clipPath

  • https://codepen.io/jh3y/pen/XqVQqa
  • http://bennettfeely.com/clippy/
READ ALSO
Как адаптировать кнопки?

Как адаптировать кнопки?

Все 6 кнопок "график" съезжают постоянно куда-то как только я меняю размер экрана, все остальное в флекс-боксе нормально остаетсяЧто не так?

261
vertical-align не работает с img

vertical-align не работает с img

Почему вот такой код, не делает изображения по центру?

107
Перекрытие ссылок на странице

Перекрытие ссылок на странице

Я создавал меню используя HTML и CSSНо есть проблема

141
как создать из обычного событие сетевое [закрыт]

как создать из обычного событие сетевое [закрыт]

когда подключаюсь по сетимой персонаж выпускает ракету а персонаж который подключается не видит как я выпускаю ракету

151