• 0
aqua.77

Svg картинки

Вопрос

Привет форум. Хотел спросить как добавляются или создаются картинки в формате svg. Они рисуются на отдельном редакторе а после компилированный код добавляется в html файл? Можно ли из растровой картинки сделать svg? и если можно какие нибудь уроки подробные Спасибо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

1 ответ на этот вопрос

  • 3

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Похожие публикации

    • Автор: MaxVilson
      Здравствуйте. Меня зовут Вавилкин Максим. Я ищу удаленную работу. Я уверенно знаю: Html и css. Знаю технику адаптивной верстки. При верстке придерживаюсь методологии БЭМ и в некоторых случаях использую Bootstrap. Также есть базовые знания Js и php. К работе отношусь очень ответственно, и всегда завершаю дела до конца. К письму прикладываю ссылку на свой сайт резюме. 
      https://maxvilson.github.io/portfolio/build/
    • Автор: Drew96
      Здравствуйте. Необходимо реализовать svg-иконки соцсетей. На картинке снизу соответственно обычное состояние, hover и active.
      . В состоянии active у иконки должна появляться тень. Код иконок я вставляю в HTML, и стилизую с помощью CSS. Сначала я пытался реализовать тень с помощью box-shadow inset, применяя её к самому svg. Но в таком случае тень появляется как-бы за элементом
      http://codepen.io/Drew96/pen/WxPdvb
      Потом я пытался сделать тень с помощью svg-фильтров. Но так как иконка представляет собой круг с «дыркой» по форме значка социальной сети, то тень появлялась не только сверху круга, но еще и под значком.
      Тогда я сделал тень, добавив блочный псевдоэлемент к ссылкам. Уже к этому элементу я добавлял тень и абсолютно позиционировал его относительно родительского элемента иконки.
      http://codepen.io/Drew96/pen/xOrpkp
      Получилось нормально, но в firefox этот вариант работает плохо. Ссылка работает только при нажатии где-то внизу иконки или на самой границе.
      Поэтому и появился вопрос, как правильно реализовать такую тень, или как заставить firefox обрабатывать ссылки нормально? Заранее спасибо.
    • Автор: kattiperk
      Здравствуйте. Как осуществить такую анимацию - https://dribbble.com/shots/1296229-Animation-Rectify-Stats
      От нее нужен сам круг и цифры в центре, ну и эффект тоже.
      На SVG? Вдруг у кого-то есть пример, поделитесь, пожалуйста.