css - SVG path filled with image doesn't show up on html page -


i have filled svg path image using little trick:

fill svg path element background-image

however, when load svg file in html page using background: url(), doesn't show up.

here svg image opened in browser: enter image description here

and here same svg image on html page: enter image description here

does know might going on here? thanks.

svg files loaded <img> or background-image have self-contained. cannot refer external files (as in image loading pattern).

what can work around embed pattern image data uri".

<image xlink:href="data:image/jpeg;base64,..." .../> 

Comments

Popular posts from this blog

dns - How To Use Custom Nameserver On Free Cloudflare? -

python - Pygame screen.blit not working -

c# - Web API response xml language -