Так ось.
Коли ми створюємо файл .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-елементом.
Якщо ви вже зареєстровані на цьому сайті, або вже залишали тут свої коментарі, відгуки, заявки на участь в акціях, щоб додати ще один коментар – авторизуйтесь
Додати коментар