@VazgXa
HTML верстальщик / Frontend разработчик

Как внутри svg графики вставлять картинку?

Допустим вот это иконка иконка
как к нему динамически вставить фон - обичная картинка? с помощью чего это можно реализовать ?
  • Вопрос задан
  • 95 просмотров
Решения вопроса 1
locky_yotun
@locky_yotun Куратор тега JavaScript
Я видел некоторый джаваскрипт
https://css-tricks.com/clipping-masking-css/

<img class="clip-svg" src="harry.jpg" alt="Harry Potter">

<svg width="0" height="0">
  <defs>
    <clipPath id="myClip">
      <circle cx="100" cy="100" r="40" />
      <circle cx="60" cy="60" r="40" />
    </clipPath>
  </defs>
</svg>


.clip-svg {
  clip-path: url(#myClip);
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы