Добавляем svg-файл на стркницу с помощью php

Добавляем svg-файл на стркницу с помощью php

SVG-файл можно добавить на страницу разными способами, как картинку через тег <img src='file.svg'>, или через тег <object type="image/svg+xml" data="file.svg"></object>, но используя эти способы нельзя работать с svg-файлом как с HTML, т.е. задавать ему цвет, фон и т.п.

Чтобы работать с svg-файлом как с HTML нужно разместить его контент в следующем виде:


<svg>
  <rect fill="#000"/>
</svg>

Но на сервере файл хранится в виде файла типа file.svg. Что привести в нужны формат используем php-функцию file_get_contents(), она вернет контент файла.

Пример:


	 <?php echo file_get_contents($_SERVER["DOCUMENT_ROOT"]."/file-patn/file.svg"); ?>

В html-коде вы выводится нужный формат данных, с которым можно работать при помощи css.