: Is it possible to avoid the fine lines that render between the shapes in this grid? I used the grid tool to create a grid of squares for a texture, but I'm seeing very clear fine lines
I used the grid tool to create a grid of squares for a texture, but I'm seeing very clear fine lines rendering at the edges between some - not all - of the rows and columns.
Unfortunately, these lines also render in Chrome (haven't checked other browsers). The lines appear in different places depending on the size that I render the vector image, just as they change when I zoom in and out from the shape in illustrator. This feels like a sub-pixel rendering problem.
Is this a "necessary evil" when using vector? Or is there a solution?
I tried things that I thought might solve sub pixel rendering problems such as:
applying a very small CSS transform to the content.
applying a 0.1px CSS blur filter to the content.
But that doesn't get rid of or effect the lines in any way.
More posts by @Chiappetta793
1 Comments
Sorted by latest first Latest Oldest Best
I think, from looking at other similar questions, there isnt any perfect solution, but in my case I was able to, since vector data is so small, duplicate the grid to a size where it will never have to repeat to cover the background on any screen size (because you would still get lines at the edges of the image where there cant be a background color saving you, and then place a shape of similar color to my pallet behind the the entire grid for the background.
This effectively solves my problem. It isnt perfect, if you look close you can see the lines between shapes, but because of the background its not obvious to the normal user.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.