Search the Community
Showing results for tags 'stroke-dashoffset'.
Hi all, I need to create a speed gauge with SVG animation. I began by using VelocityJS, but when I tested in IE I realised that IE ignores `transform-origin` so that the needle on the gauge would not rotate correctly. I've been exploring alternatives and discovered that both SnapSVG and GSAP are better suited to my needs. However, they both suffer another problem in IE. In addition to the gauge's needle rotating, I need an arc around the gauge face to follow the path of the needle. (See my CodePen for clarification.) I animate `stroke-dashoffset` to create this effect. It works beautifully in FF and Chrome. However, in IE10/11 it seems to draw some other shape. Any help would be most appreciated. Thank you.