Why is this image inside svg not being displayed? -


here plunkr:

http://jsfiddle.net/6l7utsoe/

<body> <svg height=“200” width=“200”>     <g id="elem1" class="ng-scope ng-isolate-scope">         <g x="0" id="txt" y="0" height="333.3333333333333" width="255" fill-opacity="1" fill="#aa0000" stroke="#000000" stroke-opacity="1" frames="" mv="true">             <image x="0" y="0" height="333.3333333333333" width="255" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="data:image/png;base64,uri"></image>         </g>     </g> </svg> 

it's svg image inside 2 nested elements. reason second has bunch of parameters because output after compilation angular directive. html have in jsfiddle receive in google chrome. image reads base-64 uri. fails load. silly new svg well.

i updated fiddle :http://jsfiddle.net/rathunter/6l7utsoe/1/

you set svg weird quotes on

 <svg width="200" height="200"> </svg> 

and seemed break example.

hope helps!


Comments