Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
How can I align 2 paths perfectly? No matter what I do I get a little space (gap between the 2 paths I create, and they are straight lines not as I saw in other questions with pixel problems)
An example:
Between every triangle is a little space, like in the example. It isn't obvious and it doesn't bother, but if I use the image (as an SVG or something) it is really obvious.
You can not really affect the way your SVG renderer will draw the image. Its possible that it will outline to white even if there is no gap. This said, you can make the triangles underlap each other, so that each succeeding triangle is behind the other, this should give the SVG engine the hint.
Compare:
Image 1: Preview in Firefox. Source: http://imgh.us/tris.svgz
with:
Image 2: Preview in Firefox with underlap. Source: http://imgh.us/tris2.svgz
The gap is visible in the screen capture of image 1 between red and orange triangles. But is not in place in the second example as the triangles overlap giving the rendering engine the hint it needs to resolve the issue.
Outline Mode?