как создать рисунок SVG

kak sozdat risunok SVG

На сегодняшний день информация, размещенная в интернете, имеет смешанный характер. Довольно сложно отыскать в просторах всемирной паутины сайт, содержащий исключительно графику или текст. Именно поэтому внедрение в тексты графических данных привело к появлению SVG.

Рисунок SVG – изображение на основе XML, применяемое для обеспечения внедрения векторной графики в браузеры. Другими словами, данная технология позволяет объединить графику, анимацию, текст и интерактивные компоненты. За счет того, что SVG описывает изображение посредством стандартных норм XML, он может быть создан как в графическом редакторе, так и в редакторе верстки html-страниц. Более того, для этого подойдет даже обычный "Блокнот" (Notepad).

Рисунок SVG может быть изменен в размере, при этом маловероятно снижение качества. Кроме этого, SVG-стандарт позволяет описывать анимацию и, используя JavaScript, вполне возможно сделать SVG интерактивным. Однако, несмотря на все преимущества данного формата, SVG пока не поддерживается многими интернет-браузерами. Поэтому веб-дизайнеры, как правило, предпочитают работать с более распространенными растровыми форматами, такими как GIF и JPG.

Для просмотра и редактирования рисунка SVG потребуется специальный плагин, который предстоит скачать с официального сайта Adobe или установить его при инсталляции Illustrator как один из компонентов.

Использовать SVG при веб-разработке довольно легко, однако существуют некоторые особенности, которые стоит учесть. Для начала следует создать изображение, а затем ровно обрезать холст по краю картинки. В SVG холст строится подобным образом, как в JPG или PNG. Сохранить созданный рисунок SVG в соответствующем формате непосредственно в Adobe Illustrator легко: появится диалоговое окно, в котором при нажатии на кнопку "ОК" файл будет сохранен, а при выборе функции "SVG Code" перед вами предстанет текстовый редактор с SVG кодом.

Рисунок SVG можно сохранить как обычный файл, что позволит в дальнейшем использовать его в теге «img», изменяя размер путем определения свойств "height" и "width".

Благодаря тому, что редактор Illustrator позволяет скопировать код, который можно вставить в HTML, рисунок SVG будет отображаться так же, как и при использовании тега "img". Это очень удобно, учитывая тот факт, что образ иллюстрации в документ приходит вместе с кодом, и при этом получается избежать HTTP запроса.

Кроме Adobe Illustrator, рисунок SVG можно создать при помощи таких программ, как Inkscape, Corel Draw, Sketch/Skencil, xfig, Karbon14, Xara.

Смотри видео на YouTube: "Как создать рисунок SVG".

Какие способы создания рисунка SVG знаете вы?

3 194 просмотров

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (9 оценок, среднее: 5,00 из 5)
Загрузка...
Метки: , , , , , , , , , , , ,
Опубликовано в электронный документ
2 комментария на “как создать рисунок SVG
  1. Анон:

    Не понятно из-за количества воды что это за «рисунок» и какого он нужен аль выключить его из жизни. Внимательно мануал перечитал два раза и остался в невиденье. Софт (кроме илюстратора) для его производства и его преимущества перед остальными форматами и в чем?
    P.S. тема е..ли не раскрыта к гадалки не ходи….. И пусть в меня кинут кирпичом, коль я не прав….

  2. sanchez778:

    Дело в том, что суть статьи заключается в описании аспектов создания SVG, то есть предполагается, что пользователь уже знаком с этим форматом и знает, что его преимущество заключается в том, что он может быть описан в кодовом обозначении (не обязательно наличие собственно рисунка — на веб-странице его опишет код).

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

*

Срочно требуются агенты

Удаленная работа по контракту агентом коллцентра или службы поддержки. Английский язык и высоскоростной доступ в Интернет обязательно.


Подписка на madcash.ru