DRAWSVG IN SAFARI

[jameshi]

Hi there 

 

I'm using DRAWSVG to animate the fill on an SVG logo. Its working as I would like in most browsers but for some reason not on Safari (either mobile or desktop) nor Chrome (mobile). Is there an obvious reason for this not working? 

 

Thanks

 

James 

See the Pen gJEaBr by jame5 (@jame5) on CodePen

[jameshi]

Ive realised that I don't need to use DRAWSVG but still having issues with displaying in Safari and mobile! Any help appreciated..

 

See the Pen pmYQPR by jame5 (@jame5) on CodePen

[OSUblake]

1 hour ago, jameshi said:

I'm using DRAWSVG to animate the fill on an SVG logo. Its working as I would like in most browsers but for some reason not on Safari (either mobile or desktop) nor Chrome (mobile). Is there an obvious reason for this not working? 

 

DrawSVG is only for strokes, not fills. And it looks fine on Android. Chrome on iOS uses same rendering engine as Safari.

 

Don't use <use> elements. 

 

See the Pen be4ca45583cfb73c0cbcdee699508b07 by osublake (@osublake) on CodePen

 

 

[jameshi]

Thank you so much, that's brilliant. All best James