Додаємо 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.

Повернення до списку