Введение в SVG
Создание сценария из SVG-компонентов, взятых из библиотеки.
Демонстрации SVG
SVG - стандартный формат для включения векторных рисунков и анимации в веб-страницы или приложения Electron.
SVG - это и формат хранения и отображения векторных изображений. На самом деле SVG-файл отображается непосредственно в браузере. Он медленнее, чем API Canvas, но может сочетаться с другими элементами HTML-страницы и, как мы увидим, также может оживиться...
Что можно сделать со СВГ?
Примеры применения, показывающие возможности этого формата.
SVG vs Canvas
Какой формат выбрать для интеграции графики в веб-страницу?
Показы
Язык Script используется для исходного кода некоторых сценариев, так как здесь он предлагает незаменимые функции. Например, объективная ориентация.
Скриптол компилируется в JavaScript, что обеспечивает совместимость со многими существующими библиотеками.
SVG: Посадка и программирование по целям
Демонстрация объективного программирования, применяемого к лунному блоку, представленному в SVG.
SVG: Автомобиль на дороге и расписание событий
Мы динамически создаем тег изображения, который перемещаем в декорации, выполненной в SVG. Мы планируем событие, которое происходит, когда цель достигнута.
С теми же командами, что и на электронном монтаже, пользователь может сложить или развернуть палец.
Превращая изображение SVG в объект JavaScript, ты получаешь более быструю анимацию... Демонстрация включена.
SVG: Создать красивые заголовки с текстовым тегом.
Будет показано, как создать фильтры, включая фильтр освещения и применить их к тексту, а также все атрибуты текста в SVG.
См. также...
- СВГ в Канвасе. Изображения SVG отображаются в теге Canvas с минимальным интерпретатором JavaScript.