Подскажите какой-нибудь хороший материал по изучению SVG?
Желательно на русском.
Какой редактор необходимо будет изучить и использовать?
3 ответа
Книг на русском по svg очень мало, но они есть:
- Вадим Дунаев "Основы SVG"
Для начала изучения вполне достаточно. Чувствуется, что писал книгу сильный практик. Кратко, но ёмко всё изложено. Множество примеров, показывающих самую суть. Объем книги небольшой, но всё основное, что нужно есть. От простого к сложному. Практически сразу вместе с книгой можно начинать писать свои примеры. Книга в формате pdf, легко найти, через поисковики. - SVG Essentials J. David Eisenberg есть перевод на русский
Вот эта книга,- настоящая библия SVG. Есть всё. Изложено очень доступно и коротко. Это основной источник для копирования контента на других ресурсах посвященных теории и практике SVG. Эта книга на русском онлайн. - Интуит лекции 1-12 Очень солидный материал по SVG от А до Я. Много примеров.
- Сайт svg-art.ru - теория, практика, много примеров по анимации svg
- Сайт yoksel.ru - Статьи уже для разработчиков SVG. Некоторые разделы очень глубоко и творчески проработаны: например маски, паттерны, viewBox, анимация.
Автор Юлия Бухвалова (Yulya Buhvalova), сейчас преподает в html академии.
Инструменты разработки
К сожалению ничего, такого, специализированного нет. Да в принципе и не нужно особо.
Так как svg легко правится в текстовом редакторе, например: Notepad++
Рисовать сложные фигуры можно в векторных редакторах: Inkscape
, Adobe Illustrator
.
Оптимизаторы кода SVG
- SVGOMG - автор Jake Archibald
- SVG Editor - автор Peter Collingridge
- SVGO-GUI - автор GreLI
-
Так и знал, что изменишь мой ответ... Скромность не плохое качество... Но не всегда...– Air12 фев 2018 в 18:20
Чуть не забыл, еще есть SVG_Chat
Но лучшим ресурсом можно назвать сей сайт... Где можно всегда найти ответ на вопрос. Только не забудьте правильно и внятно оформить вопрос, который должен содержать код, который вы питались реализовать, пояснения в чем именно у вас возникла проблема и описание конечного результата....
Введение в SVG, статьи и книги для изучения SVG с самых основ.
- Карманное руководство по написанию SVG. css-live.ru
- SVG Tutorial (на русском). developer.mozilla.org/ru (если после перехода по ссылке попадёте на англоязычную статью, то высока вероятность что можно будет перейти на русскую версию по выбору языка в меню). Или прямо с первой статьи на руссоком – Введение.
- Учебник HTML5 графики – SVG. msiter.ru
- Интуит. Введение в SVG. intuit.ru
- SVG Руководство. w3ii.com
- SVG Essentials (перевод книги). xiper.net
Рессурсы по SVG
- css.yoksel.ru (Страница с полезными ссылками по SVG, а так же много статей по SVG и CSS)
- svg-art.ru
- css-live.ru
- Наиболее адекватный рессурс по всему что поддерживают браузеры, раздел по SVG - developer.mozilla.org/ru