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

SVG download from pattern.monster just give a black square

Open jawa500 opened this issue 2 years ago • 5 comments

I tried saving patterns from Pattern.monster as SVGs and inserting into Powerpoint and Canva but I just get a black square. Why is this?

jawa500 avatar Mar 04 '22 21:03 jawa500

same issue here :(

ivalkenburg avatar Apr 06 '22 10:04 ivalkenburg

Same here. What is going on ?

My2989 avatar Sep 25 '22 11:09 My2989

Why is the colour white displayed as black, on the pattern maker preview window? Is it the website, or something to do with my computer settings. This has happened twice in the past month.

debs1208 avatar Jan 17 '23 18:01 debs1208

Not sure why I was CC’d into this. I contacted a while ago questioning why I could not get a full pattern repeat.

On 17 Jan 2023, at 18:46, debs1208 @.***> wrote:

Why is the colour white displayed as black, on the pattern maker preview window? Is it the website, or something to do with my computer settings. This has happened twice in the past month.

— Reply to this email directly, view it on GitHub https://github.com/catchspider2002/svelte-svg-patterns/issues/24#issuecomment-1385873456, or unsubscribe https://github.com/notifications/unsubscribe-auth/A3ILEI4D6I7EWZ7I5WDBLFLWS3SHLANCNFSM5P6STA3A. You are receiving this because you commented.

My2989 avatar Jan 17 '23 20:01 My2989

This is a simple fix, open the SVG file with your text editor of choice and change the color value of the <path> element's fill="" attribute.

As it stands, they aren't exactly the same black and I expect (though don't have to verify) this would be possible to deduce on higher quality monitors but the black square's path and background are just set to hsla(... values differing by 10% in the lightness part of that standard. You could replace the hsla color with a hex color or whatever floats your boat just as easily.

Thomashighbaugh avatar Sep 03 '23 02:09 Thomashighbaugh