Так вот.
Когда мы создаем файл .svg, в самом начале его кода стоит:
<?xml version="1.0" encoding="UTF-16"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
…а уже сами координаты и свойства кривых записаны в пределах тега <svg>…</svg>. Вот всё, что перед открывающимся тегом <svg> – удаляем, а всё, что находится внутри этого тега, мы копируем и ставим в разметку html своего сайта.
Кроме этого, часто программы, генерирующие .svg файлы, в открывающемся теге <svg> записывают исходные размеры изображения, например: …width="2874px" height="1462px"…, из-за чего размеры изображения не масштабируются. Но… Векторная графика для того и векторная, чтобы одинаково красиво выглядеть при любом растяжении или сжатии, поэтому, вместо конкретных размеров ширины и высоты мы указываем значение этих параметров «auto». Например: …width="auto" height="auto"…
Дальше работаем с изображением .svg как c обычным html-элементом.
Если вы уже зарегистрированы на этом сайте, или уже оставляли здесь свои комментарии, отзывы, заявки на участие в акциях, чтобы добавить ещё один комментарий – авторизуйтесь
Добавить комментарий