Чему вы научитесь
- ОБРАЗОВАТЕЛЬНЫЙ МАРШРУТ [от простого к сложному (индуктивный метод познания)]:
- 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>
