I'm having a HTML page where there is an image <img>
tag which references a .svg file. The SVG file will in-turn refer another JPEG image. This is not rendered in the browser.
<html>
<body>
<div> <img src="test.svg">
</body>
</html>
Below is the content in test.svg
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1201 1600">
<image href="sample-image.jpeg" height="1600" width="1201" />
</svg
I see only a blank screen in browser. If I open the test.svg in browser, it works fine.