File:SVG skew and rotation.svg

Summary

Description

Composition of a shear mapping (red arrow) and a clockwise rotation by 45° (green arrow)

The order is important. Above the skew comes first, below the rotation comes first.

This is the SVG code for the bottom right figure:

<use xlink:href="#object" transform="translate(480, 240) skewX(-45) rotate(45)"/>

In SVG the operation done first is written on the right.

(The translation is not part of what is explained, but serves only to separate the figures in the image.)

Source

Own work

Author

Watchduck
You can name the author as "T. Piesk", "Tilman Piesk" or "Watchduck".

Other versions

SVG development

The SVG code is valid.

This vector image was created with a text editor.

I, the copyright holder of this work, hereby publish it under the following license:

You are free:

Under the following conditions:

attribution – You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.