Skip to content

Instantly share code, notes, and snippets.

@kevinweber

kevinweber/encodeSvg.js

Created October 31, 2016 05:36
Show Gist options
  • Star 23 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save kevinweber/3c519c32db6c976e9cbb5565dc3822f1 to your computer and use it in GitHub Desktop.
Save kevinweber/3c519c32db6c976e9cbb5565dc3822f1 to your computer and use it in GitHub Desktop.
Download ZIP
Helper: Convert React component (SVG element) to base64 encoded URL. Useful for adding a background image.
Raw
encodeSvg.js
import ReactDOMServer from 'react-dom/server';
export function encodeSvg(reactElement) {
return 'data:image/svg+xml,' + escape(ReactDOMServer.renderToStaticMarkup((reactElement)));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment