svelte-svg-patterns
svelte-svg-patterns copied to clipboard
Are patterns seamless?
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
I've noticed this today as well, I downloaded 3000 x 3000 and it wasn't seamless, nor was the standard download size seamless
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.
one for seamless, or maybe allow input a float zoom value
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.