Inkscape – Aligning imported image to axonometric grid

I am building a map of our outdoor retail store and am using a screenshot from Google Maps satellite view as a guide. I want this map to be isometric/axonometric and have set my grid up with a 26.5 degree angle on both the X and Y.

Since it is difficult to align a view in Google Maps to exactly a 26.5 degree angle, I would rather align this guide image in Inkscape; however, I can’t figure out how to get it lined up at a reasonably precise position.

How can I align/transform the image on the right so that it matches the green object on the left?

Example alignment

Answer

Begin with a regular rectangular or square image. The original in the example below is an exact square, so you can see the distortion clearly.

  1. Scale vertically 86.602%
  2. Skew horizontal -30°
  3. Rotate 30°

enter image description here

After this, you can scale it to any size by simply holding down Ctrl as you click and drag one of the scale handles to constrain the aspect ratio.

Example showing positioning and scaling to fit the grid.

enter image description here

Attribution
Source : Link , Question Author : pspahn , Answer Author : Billy Kerr

Leave a Comment