Доступно [Udemy] SVG Fundamental [Полное руководство по спецификациям языков 2020]

[Leon]

Чему вы научитесь

• ОБРАЗОВАТЕЛЬНЫЙ МАРШРУТ [от простого к сложному (индуктивный метод познания)]:
• 1. Простейшие понятия [особенности системы координат в SVG, <svg> как элемент контейнера]
• 2. Типы и применение основных форм [рисование (заливка маркеров), обтравочная маска] ...... ОТ 3. ДО 26. -> ВНУТРИ
• 3. Расположение примитивов в системе координат и контроль их геометрических свойств [<rect>, <circle>, <ellipse>, <line>, <polyline>, <polygon>]
• 4. Элемент <путь> и его применение в SVG [концепция текущей точки]
• 5. Команда пути [moveTo (M, m), lineTo (L, l), curveTo (C, c, S, s), curveTo (Q, q, T, t), arc (A, a), closePath ( Z, Z)]
• 6. Свойство «d» и синтаксис данных пути [ускорение рендеринга за счет минимизации размеров файла]
• 7. Кривая Безье [кубическая, гладкая кубическая поли, квадратичная] и команды кривой эллиптической дуги и ее аргументы
• 8. Варианты изменения стилей графических элементов
• 9. Специфика правил CSS [расчет специфичности, приоритет применяемых стилей]
• 10. Атрибуты презентации [использование, ограничения]
• 11. Алгоритмы работы внутреннего агента пользователя в SVG [(rx, ry вычисление), (построение прямоугольника с закругленными углами), (рендеринг эллипса)]
• 12. *** ЭКСКЛЮЗИВ: все параметры настройки изображения в SVG [концепция области просмотра в SVG, viewBox и его параметры, начальная система координат области просмотра, локальная система координат]
• 13. Соотношение области просмотра и viewBox в SVG [преобразование системы координат при рендеринге изображения, влияние настроек области просмотра и viewBox на конечное изображение, функции панорамирования и масштабирования]
• 14. Дополнительные параметры настройки изображения в SVG: атрибут <preserveAspectRatio> [<align>