Как добавить .png в качестве повторяющейся заливки для элемента SVG

Я пытаюсь добавить повторяющийся .png в качестве наполнителя для элемента полигона SVG, который не масштабируется с учетом ширины svg.Как добавить .png в качестве повторяющейся заливки для элемента SVG

У меня есть .png, добавленный как шаблон, который теперь применяется к элементу svg, но повторяющиеся изображения уменьшаются до меньшего размера на мобильном устройстве. Мне нужно, чтобы повторяющиеся изображения .png не масштабировались.

Предложения? Спасибо!

источник

2015-02-25 Cory Tanner

Я считаю, что это обсуждается здесь: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Patterns – Dai

Это очень близко, моя проблема в том, что страница была отзывчивой Затем изменяется размер svg, затем изменяется шаблон, который помещается в объект. Мне нужен шаблон на объекте, чтобы он вообще не перемещался при уменьшении svg. –

Если шаблон является частью SVG, он будет масштабироваться с помощью SVG. Вы не можете этого избежать. SVG2, вероятно, будет поддерживать шаблоны без масштабирования, но это не поможет вам сейчас.

Что вы можете сделать, это применить шаблон в качестве фона к <div> и использовать SVG в качестве маски CSS, применяемой к этому <div>.

источник

2015-02-26 05:42:53

Спасибо за информацию :) Я сделаю ее отзывчивой иначе. –

Как добавить .png в качестве повторяющейся заливки для элемента SVG

ответ

Смежные вопросы