svelte-svg-patterns icon indicating copy to clipboard operation
svelte-svg-patterns copied to clipboard

Cant view the SVG pattern in browser.

Open SuperPauly opened this issue 2 years ago • 2 comments

I have had a play and its a very nice tool. But for some reason I can't get it to display in my browser.

Here is an example where I have copied the SVG for your site and pasted it into the browser and it not showing.

For instance I will 'Copy SVG' of this preset https://pattern.monster/flower-7/

And then paste it onto Codepen but I get no output. https://codepen.io/superpauly/pen/NWjNOqO

SuperPauly avatar Jul 07 '21 17:07 SuperPauly

Me too. Doesn't seem to do anything at all.

DM2489 avatar Nov 11 '21 16:11 DM2489

You will need to edit the output it gives you, which means pasting the copied SVG code and changing the fill="" attributes to your desired colors (which you can replace the HSLA color values with the usual hex values such as #343a40)

Thomashighbaugh avatar Sep 03 '23 02:09 Thomashighbaugh