6

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:

Example of gaps between paths

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.

  • What do paths look like in Outline Mode? – Scott Feb 16 '15 at 18:58
  • I'm not seeing any space between them in the embedded image? – Zach Saucier Feb 16 '15 at 19:39
8

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:

SVG Preview in Firefox

Image 1: Preview in Firefox. Source: http://imgh.us/tris.svgz

with:

SVG Preview in Firefox with path underlap

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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.