Содержание
- 2. Векторная графика в Web Векторная графика — способ представления графики в виде графических примитивов (геометрических контуров
- 3. Об SVG SVG (Scalable Vector Graphics) – язык разметки векторной графики на основе XML. Преимущества: Стили
- 4. Пример простого изображения в формате SVG
- 5. Способы внедрения SVG на веб-страницу С помощью тега С помощью свойства background-image Непосредственная вставка кода в
- 6. Вставка с помощью тега или свойства background-image С помощью тега img: С помощью свойства background-image: Kiwi
- 7. Непосредственная вставка кода в документ My first SVG
- 8. Внедрение с помощью тега Не сработало!
- 9. Графические примитивы Спецификация SVG предоставляет разработчику использование графических примитивов: Линия Полилиния (ломанная) Прямоугольник Окружность
- 10. Линия Линия задаётся двумя точками через 4 атрибута: Параметры отрисовки можно задать в стиле: style="stroke-width:1; stroke:rgb(0,0,0);"
- 11. Линия
- 12. Ломанная линия Ломанная задаётся через тег polyline и атрибут points
- 13. Ломанная линия
- 14. Прямоугольник
- 15. Окружность
- 16. Эллипс
- 17. Многоугольник
- 18. Внедрение стилей circle { fill: #ffc; stroke: blue; stroke-width: 2; stroke-dasharray: 5 3 } ]]>
- 19. Полезные ссылки http://www.w3.org/TR/SVG/ http://habrahabr.ru/post/157087/ http://koulikov.com/wp-content/uploads/2012/11/svg/index.htm http://pepelsbey.net/pres/web-in-curves/ - Веб в кривых. Второе рождение SVG. http://frontender.info/using-svg/ https://openclipart.org/
- 21. Скачать презентацию