Compact version about mini-svg-data-uri HOT 5 OPEN

I don’t have strong feelings about this one way or another, but I realized I should probably respond at some point so it doesn’t seem like I’m being rude.

Even beyond this, once evergreen browsers snuff out the last remainders of IE and the other engines that occupied the weird middle ground of “tolerates some unescaped URL characters”, mini-svg-data-uri will probably be unnecessary to the point you could merely replace " and # with vanilla JS.

from mini-svg-data-uri.

Since I recently implemented code that records 100s of frames of SVG images to generate a GIF animation from, I double checked what I was using to urlify the SVG data, and it seems to be exactly what you suggested:

frames.push(`data:image/svg+xml;utf8,${encodeURIComponent(svg)}`);

from mini-svg-data-uri.

Modern Browsers do not require escaped < and > in DataURIs

from mini-svg-data-uri.

Modern Browsers do not require escaped < and > in DataURIs

It's for all the other characters that need to be escaped. A custom encoder can make the result more compact, but is of course more complex code. I use a custom encoder in production.

from mini-svg-data-uri.

It's for all the other characters that need to be escaped.

Since I didn't have to support IE anymore (lucky me 8 years now), I have only encoded the # , but maybe there are (URL) characters I haven't used in my SVGs

from mini-svg-data-uri.