CODEWITHSUNDEEP
htmlsvg
user1810577
user1810577

Reputation: 13

svg image not showing

This is the code below am I not seeing something to get it up and running?

<svg base="http://www.w3.org/2000/svg" x="550" y="475" style="border: 3px solid blue;">
   <image xlink:href="app3.JPG" x="100" y="75" width="300" height="167" id="image1" />
 </svg>

Upvotes: 0

Views: 291

Answers (1)

Robert Longson
Robert Longson

Reputation: 124229

There's no such attribute as base you want xmlns instead there. You've no defined xlink namespace either.

If you're embedding SVG in html you should specify a width and height for the <svg> element too. 100% is probably what you want.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="550" y="475" width="100%" height="100%" style="border: 3px solid blue;">
   <image xlink:href="app3.JPG" x="100" y="75" width="300" height="167" id="image1" />
 </svg>

You may also need to specify a width/height for the div as a style.

Upvotes: 1

Related Questions