blokhin/css_svg.js

Last active October 21, 2022 15:23

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/blokhin/7c86a684b66786277da16620dab9f99e.js"></script>
Save blokhin/7c86a684b66786277da16620dab9f99e to your computer and use it in GitHub Desktop.

Download ZIP

Embed SVG into CSS style with JavaScript

Raw

dom_el.style.backgroundImage = `url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='` + value + `' fill='%2399f' /></svg>")`;

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment