Как я могу загрузить изображение SVG из URL-адреса в качестве источника в маску SVG? - PullRequest
Новая
       37

Как я могу загрузить изображение SVG из URL-адреса в качестве источника в маску SVG?

0 голосов
/ 05 апреля 2019

Я пытаюсь показать изображение SVG, источником которого является URL-адрес на моей веб-странице. Чтобы получить правильный вывод, SVG необходимо замаскировать.При попытке сделать изображение я сталкиваюсь с проблемами.

Моей первоначальной мыслью было поместить SVG в тег <image xlink:href="">, но это не сработало.пробовал подход <object>, но потом жалуется, что svg не знает объект, пробовал foreignObject до сих пор безрезультатно, поэтому я не знал, что делать дальше.

Затем я подумал скопировать svg на мой компьютер и открыть его в текстовом файле.Я скопировал содержимое этого textFile в тег <g> маски, и он работал, и изображение показывалось правильно.Поскольку вывод SVG основан на вводе пользователем, я не могу жестко запрограммировать его в моем приложении.

Мне нужен способ определить изображение в теге <g> маски, где оно правильно отображает svg настраница интернета.При копировании содержимого текстового файла SVG я получаю требуемый результат, как мне сделать это для всех переменных URL-адресов? 

<svg height="350" width="350" xmlns:attr.xlink="http://www.w3.org/1999/xlink"
     xmlns:xhtml="http://www.w3.org/1999/xhtml">`
````
<defs>
 <mask id="">
   <g id="" fill="#fffff">
    <g>
     <image height="" width="" attr.xlink:href="sourceUrl"></image>
    </g>
   </g>
  </mask>
 </defs>
</svg>
...