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:
and here same svg image on html page:
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
Post a Comment