Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Are patterns seamless? #31

Open
Anax7 opened this issue Jul 22, 2022 · 5 comments
Open

Are patterns seamless? #31

Anax7 opened this issue Jul 22, 2022 · 5 comments

Comments

@Anax7
Copy link

Anax7 commented Jul 22, 2022

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

@hilarygmt
Copy link

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

@My2989
Copy link

My2989 commented Sep 25, 2022

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.

@yuhe0925
Copy link

yuhe0925 commented Feb 1, 2023

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

@Thomashighbaugh
Copy link

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.

@bschlagel
Copy link

Seeing this issue as well, the default png is not tileable. It seems the dimensions to properly tile are different for each pattern. What I found to work:

Download the svg, check the dimensions, and multiple in each dimension by 2 (because of the transform: scale(2) applied), then enter those dimensions for the png download, and the resulting image should tile properly!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants