SVG - это аббревиатура масштабируемой векторной графики, означающая масштабируемая векторная графика. В 1998 году Всемирный альянс веб -сайта создал рабочую группу для разработки технологии, которая выражает векторную графику через XML - SVG! Поскольку SVG также является XML -файлом, SVG также наследует преимущества открытости, переносимости и интерактивности XML. Эта статья представляет SVG в HTML5. Если вам это нужно, пожалуйста, обратитесь к фону SVG.
SVG - это аббревиатура масштабируемой векторной графики, означающая масштабируемая векторная графика. В 1998 году Всемирный альянс веб -сайта создал рабочую группу для разработки технологии, которая выражает векторную графику через XML - SVG! Поскольку SVG также является XML -файлом, SVG также наследует преимущества открытости, переносимости и интерактивности XML. В настоящее время почти все основные браузеры поддерживают SVG, и отсюда вы можете получить больше информации о совместимости, включая:
Используйте <Embed> или <object> элементы для отображения основной графики SVG;
Используйте <img> для отображения графики SVG;
Применить графику SVG как фоновое изображение CSS;
Используйте тег <svg> непосредственно в документах HTML (требует поддержки HTML5);
Используйте преобразования SVG, фильтры и другие спецэффекты для элементов HTML, которые используют CSS или элементы внешнего объекта;
Используйте Photoshop-подобные эффекты на объекты SVG, включая размытие и обработку цвета;
Используйте анимацию для изображений SVG;
Используйте шрифты SVG;
* SVG
* Основной контент
* SVG не является эксклюзивным для HTML5
* HTML5 предоставляет контент о SVG Native
* До появления HTML5 было содержание SVG
* SVG, просто выразите это как вектор
* Файл SVG имеет расширение .svg
* SVG использует XML -синтаксис
* концепция
* SVG-это язык, который использует технологию XML для описания двухмерной графики
* Особенности SVG
* Графика рисования SVG может быть захвачена поисковыми системами
* SVG увеличивается, когда качество изображения не уменьшается
* Разница между SVG и холстом
* SVG
* Зависимость от разрешения
* Привязка событий поддержки
* Программы для больших зон рендеринга (например, карты Baidu)
* Нельзя использовать для реализации веб -игр
* Холст
* В зависимости от разрешения
* Привязка событий не поддерживается
* Самая подходящая веб -игра
* Сохранить как изображение формата .jpg
* Цель
* Несколько небольших значков на веб -странице
* Динамические эффекты на веб -странице (эффект анимации)
* Использование SVG в HTML5
* Использовать <svg> </svg> элементы
* Функция - аналогично элементу <Canvas>
* Размер по умолчанию составляет 300px* 150px
* Используйте стили CSS
* Используйте SVG, чтобы нарисовать график, вы должны определить элемент <svg>.
* Нарисуйте график
* Прямоугольные элементы
Скопировать код