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

Are patterns seamless?

Open Anax7 opened this issue 2 years ago • 4 comments

Hi guys, I have the feeling that the .png patterns I download (1024 x 1024) should be seamless but they are not. Am I doing something wrong or that's just the way it is?

Is there a certain size or zoom level that can only make them seamless?

Thanks

Anax7 avatar Jul 22 '22 15:07 Anax7

I've noticed this today as well, I downloaded 3000 x 3000 and it wasn't seamless, nor was the standard download size seamless

hilarygmt avatar Jul 31 '22 07:07 hilarygmt

This still seems to be the case as I cannot get it to download seamless patterns , only a block with a small black square. I have tried all configurations. Please fix this problem.

Thanks.

My2989 avatar Sep 25 '22 11:09 My2989

one for seamless, or maybe allow input a float zoom value

yuhe0925 avatar Feb 01 '23 00:02 yuhe0925

While I might be wrong as I haven't used rollup or svelte personally, it seems certain elements of this site are not present in this repo (which I understand might be on purpose as well and so I am not going to write a how-to guide per se) but to get the pattern to tile to a desired size and with desired colors locally, you have to download the SVG file and modify the value of the <svg> element's height and width attributes (which are set to 100 whereas the <path> element is set to 100% so make those the same) as well as the fill attributes of any <path> elements and the final fill being the background color. Then you can tile and convert the svg using imagemagick locally and should be good to go.

Yes, that means opening the SVG file in a text editor to do that, don't know if Windows will let you do that since I don't use it or macOS but works fine for me on Linux.

Thomashighbaugh avatar Sep 03 '23 02:09 Thomashighbaugh