It is possible to transform the shapes created in an SVG image. For instance move, scale and rotate the shapes. This is a handy way of displaying vertical or diagonal text. Transformation Example Here is a simple example: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <rect x="50" y="50" height="110" width="110" style="stroke:#ff0000; fill: #ccccff" transform="
![SVG Transformation](https://cdn-ak-scissors.b.st-hatena.com/image/square/151117c0d11a2b0b9ee0bf876c5e5fbf2edd3d93/height=288;version=1;width=512/http%3A%2F%2Ftutorials.jenkov.com%2Fimages%2Fsvg%2Fsvg-teaser-500-300.png)