Skip to main content

All Questions

Tagged with
0 votes
1 answer
95 views

SVG is not being rendered as expected in firefox & ie

"AND gate" just under the top rectengular box is not being rendered correctly in firefox and ie explorer. It's being rendered correctly in chrome. As you in the image from firefox, the left ...
Ersin's user avatar
  • 3
0 votes
1 answer
51 views

Animating SVG on a path when window loads

I have an SVG that animates along a path when a range slider is moved: Animating SVG on a curved path in Internet Explorer However, I'd like the animation to occur when the window loads. Preferably, I'...
MartyGeeWhiz's user avatar
0 votes
1 answer
52 views

Animating SVG on a curved path in Internet Explorer

I'm trying to animate along a path based on this post: move SVG group on path trail based on percentage of whole path trail It works beautifully in all browsers but Internet Explorer. I've read lots ...
MartyGeeWhiz's user avatar
0 votes
1 answer
347 views

SVG images not getting full width of viewport in ie

I am using SVG image with inline images, and working fine other browsers except internet explore. in ie its showing smallest size but actual image is 100% width of screen , below is my SVG code <...
fei's user avatar
  • 3
0 votes
1 answer
48 views

Internet Explorer distorts SVG image upon matrix transformation

I have an SVG path which is being filled by an image, however, when I put the SVG object through a number of transformations, while the image appears fine on Chrome and Firefox, on Internet Explorer (...
komodosp's user avatar
  • 3,466
1 vote
2 answers
502 views

Find parent "SVG" element in Internet Explorer

var HELPERS = { getElem: function($this) { return HELPERS.findAncestor($this, "svg"); }, findAncestor: function (el, sel) { while ((el = el.parentElement) && !((el.matches || el....
old_padawan's user avatar
0 votes
0 answers
24 views

IE cannot get size of image in xml+svg format? [duplicate]

I can get width and height of Image in Chrome however it returns 0 in IE 11. If the format is data:image/png it works without any problem. Btw image is shown in IE without problem but I need size to ...
atadnmz's user avatar
  • 301
0 votes
1 answer
331 views

D3 svg chart can't display in IE

I'm building a website which contains d3 svg to display the bar chart. It can display in Chrome, Firefox, Edge, Safari, but it is not working in IE. I have tried to use canvas method, but it is not ...
Arvin Orange's user avatar
1 vote
0 answers
56 views

what is the difference between SVGForeignObjectElement API (supported by IE) and SVGForeignObject (not supported by IE)?

I would like to use a foreignObject for a project. I cannot test in IE. On https://caniuse.com/#search=foreignobject I see that SVGForeignObjectElement API are supported by IE, but IE does not ...
user305883's user avatar
  • 1,711
2 votes
1 answer
455 views

Blurry path edges in IE & Edge when SVG is preceded by an element not sized in pixels

I am trying to draw a sharp rectangle using SVG <path>. I have a problem that the top and bottom edge of the shape have an unexpected antialiasing when rendered in IE and Edge. The problem ...
warpech's user avatar
  • 6,353
0 votes
1 answer
61 views

Is there a workaround for animated SVGs (using CSS) on Edge and IE?

I have an SVG animation which is not working on Edge and obviously not on IE. I have done extensive research on the issue and am aware of using pixels for stroke-dashoffset and stroke-dasharray in ...
Leila's user avatar
  • 312
1 vote
1 answer
429 views

How can I get clipPath SVG on a pseudoelement to work in IE11/Edge besides a data url?

I'm trying to create a rounded gradient border where the content can be transparent. This rules out the standard approaches of putting a background gradient element underneath the content. The other ...
zeromus's user avatar
  • 93
1 vote
1 answer
1k views

stroke url not working in Edge and IE 11 SVG

I have an svg that has two paths, a diagonal line and small circle. Their stroke color are referenced to linearGradient located in defs stroke="url(#myGradient)". On Chrome, Firefox and Safari, the ...
Caleb Taylor's user avatar
  • 3,100
3 votes
2 answers
2k views

Multiline in SVG <title> (Internet Explorer) | Linebreak, tabulations

I would like to add a multiline tooltip to my SVG path using the <title> tag. It works perfectly in Chrome, but the linebreak characters I have tried result in a space in Internet Explorer. ...
MorganFR's user avatar
  • 341
-1 votes
1 answer
71 views

Why isn't my SVG displaying correctly in IE1 or /Edge?

I exported an illustration as SVG using Adobe Illustrator and wish to use it on a website. The SVG is displayed correctly in Google Chrome: but not in Internet Explorer 11 or Microsoft Edge 40: &...
kirryx's user avatar
  • 1

15 30 50 per page
1
2 3 4 5
34