search

tigt / mini-svg-data-uri

Small, efficient encoding of SVG data URIs for CSS, HTML, etc.
https://npm.runkit.com/mini-svg-data-uri
MIT License
309 stars 16 forks source link

Could we get an online version hosted on GitHub pages? #1

Closed Bilge closed 6 years ago

Bilge commented 6 years ago

This would be very convenient whether or not people are comfortable using Node.

tigt commented 6 years ago

I’d like to do this, but I’m scatterbrained and have other stuff pulling on my time, so I can’t promise it'll happen.

There are two similar tools on CodePen that let you paste in an SVG and get a similarly-encoded URI, if that works for you:

They don’t do everything this does, but they’re very close.

Bilge commented 6 years ago

Nice label and sorry to hear about your brain! Thanks doubly for the links!

tigt commented 6 years ago

Oh, RunKit + npm also have an in-browser version of this specifically.

Here’s a RunKit snippet that should do what you want if you replace your SVG goes here with, well, your SVG.

tigt commented 6 years ago

I went ahead and put the RunKit snippet in the repo site field, so it’s easily findable. It’s about as good as any in-browser version I could create, anyway.

Thanks for opening this!

Bilge commented 6 years ago

I think you put the wrong one in there. The first link is usable and includes documentation but the second requires sign-up and has no documentation. You might also consider putting it directly in the readme.

tigt commented 6 years ago

Weird, I can’t seem to get the sign-up version even with a different browser’s private browsing. Good catch, updated.

EDIT: Put it in the “Usage” section of the README too.