Rotate an SVG graphic

In Knowledge Base Blog by angeladminLeave a Comment

I bought a pretty sweet wordpress map plugin from the envato marketplace.  This was for a client who wanted a map of the state of Washington with clickable counties.  The problem with the included map was that the state of Washington was rotated as if it was connected to a larger map of the USA.  In Washington state, the map is usually presented a llittle more leveled out. So, I needed to rotate the map for the client.  Turns out that it it pretty easy to rotate an SVG.

Using notepadd ++, all I had to do was wrap this “<g transform=”rotate(-14, 25, 13)”></g>” around all of my “<path />” and voila, job done!

Hope this helps.