Drawing svg picture doesn't work on IE 11


I’m trying to show picture from svg file. Everything looks good in chrome, but doesn’t work for IE, there are no errors, it just doesn’t show icon. Here is my code

, go$(go.Picture, { margin: new go.Margin(10, 10), desiredSize: new go.Size(12, 12), source: "pic.svg"})

I have tried to set height and weight attributes but it still doesn’t work for IE.
What’s wrong ? Maybe the reason is that picture is inside Panel ? What should I do in this case ?


What are the contents of the PIC.SVG file?

<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
<title>Layer 1</title>
<g id="svg_11">
<path fill="#ffffff" id="svg_12" d="m201.845,211.942l-3.508,71.52299h-39.494l3.513,-71.52299h-68.0149l-3.9495,71.52299h-39.4899l3.508,-71.52299h-54.40963l2.19311,-36.86h53.97292l3.508,-69.771h-55.28782l2.19311,-36.85519h54.85111l3.5127,-68.4558h39.9268l-3.508,68.4558h68.01401l3.508,-68.4558h39.93199l-3.95,68.4558h52.65799l-2.198,36.85519h-52.21599l-3.508,69.771h53.53099l-2.19299,36.86h-53.095l0,0zm-106.189,-36.86h68.456l3.071,-69.771h-68.0142l-3.5128,69.771z"/>

I’m sorry, but if I put that SVG text into a “pic.svg” file, that file does not render anything in IE, Firefox, or Chrome, for me on Windows 8.1. (I’m not using GoJS at all – just trying to look at the SVG using a browser.)

I don’t know why you would see anything in Chrome.

Sorry, that’s was wrong content, try this one:

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 viewBox="-48.8 391.3 11.1 12" style="enable-background:new -48.8 391.3 11.1 12;" xml:space="preserve">
<path d="M-40.2,400.2l-0.1,3H-42l0.1-3h-2.9l-0.2,3h-1.7l0.1-3h-2.3l0.1-1.6h2.3l0.1-3h-2.3l0.1-1.6h2.3l0.1-2.9h1.7l-0.1,2.9h2.9
	l0.1-2.9h1.7l-0.2,2.9h2.2l-0.1,1.6H-40l-0.1,3h2.3l-0.1,1.6H-40.2z M-44.7,398.7h2.9l0.1-3h-2.9L-44.7,398.7z"/>

That SVG file doesn’t even render on a Canvas in Firefox unless you set the width and height attributes in the SVG element.

Please read the section about “Using SVG as a Picture source” in http://gojs.net/latest/intro/pictures.html .

yes, thanks. I set width and height inside svg and it works