Cheizer
@Cheizer

Как в SVG PATH установить фоновый рисунок?

Друзья, совсем потерял надежду :(, очень нужно установить фоновый рисунок в SVG PATH?

Сделал такую заготовку https://codepen.io/Cheizer/pen/JZNvPE

Сейчас так:
5b293f83de140652882448.jpeg

А в итоге хочу хоть примерно так (что бы svg path выглядел как трос):
5b293f9b5c026051419615.jpeg

Как обычно установить через css не получается так
svg {
       height: 100%;
       width: 100%;
       stroke-width:5px;
  background-image:('https://www.wasatchsteel.com/wp-content/uploads/2017/03/Depositphotos_134165694_s-2015.jpg');
     }


Как можно установить фоновый рисунок в SVG PATH?????? ПАМАГИТИИИИИ!!!! :(
  • Вопрос задан
  • 999 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
  1. Нарисуйте веревку как прямоугольник (не линию с толщиной, а именно замкнутый контур)
  2. Сделайте внутри SVG pattern с нужной картинкой (image)
  3. Используйте свойство fill, чтобы залить прямоугольник этим паттерном


При возникновении трудностей - гуглите упомянутые термины.
Ответ написан
Ваш ответ на вопрос

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

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