Wednesday, April 17, 2013

SVG - Coordinate Systems

Most ProjectedCRS (Map Projection) have the north direction represented by positive values of the second axis and conversely SVG has a y-down coordinate system

That's why, in order to follow the usual way to represent a map with the north at its top. 
It is recommended for that kind of ProjectedCRS to use the ‘svg:transform’ global attribute with a 'scale(1, -1)'

Most Geographic2dCRS have the latitude as their first axis rather than the longitude, which means that the south-north axis would be represented by the x-axis in SVG instead of the usual y-axis 

it is recommended for that kind of Geographic2dCRS to use the ‘svg:transform’ global attribute with a 'rotate(-90)' value as in the first example (while also adding the 'scale(1, -1)' as for ProjectedCRS). 
3:55 PMtech-mashup

Related Posts:

  • SVG - Coordinate SystemsMost ProjectedCRS (Map Projection) have the north direction represented by positive values of the second axis and conversely SVG has a y-down coordinate system That's why, in order to follow the usual way to represent… Read More
  • SVG - Gradient in XSL with FOP graidient.svg <svg xmlns="http://www.w3.org/2000/svg" version="1.1">  <defs>    <linearGradient id="linearGradient" x1="0%" y1="0%" x2="100%" y2="0%">      <… Read More
  • SVG - Fixed the white dot/pixel in corner between lines/ rectangle or path Change values of the stroke-linecap property <line x1="10" y1="15" x2="50" y2="15" style="stroke-linecap: butt; stroke-width: 15;"/> <line x1="10" y1="45" x2="50" y2="45" style="stroke-linecap: roun… Read More
  • SVG - Draw Arrow SVG  Sample 1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -100 200 200"> <defs> <marker id='mid' orient="auto" markerWidth='2' markerHeight='4' refX='0.1' refY='1'> <!-- tr… Read More
  • SVG Hints         Reverse/mirror translated text <svg:text x="10" y="20" transform="scale(-1 1)">Reverse</svg:text>  <svg:g xmlns="http://www.w3.org/2000/svg" transform="tr… Read More