Tutorials using Rotation

Rotates an element by an angle in degrees about a centre the editor derives from the element itself.

What Rotation does

Rotate an element by a number of degrees, about a centre the editor works out from the element when you add the binding.

It is the binding behind every needle, disc, damper and swing arm on a screen. The parameter is an angle, so the arithmetic that turns a process value into one belongs where the tag is scaled: a 0–16 bar gauge over a 240° sweep is 15 degrees per bar, and computing it once upstream keeps every graphic showing that tag in agreement.

Check the centre before you trust it. It comes from the element’s own extent, which lands correctly on a symmetric shape and can sit somewhere unhelpful on an L-shaped path or a shape with a long tail. Simulate both ends of the travel and watch where it pivots.

Two more, both worth knowing up front. A transform-origin in the drawing is ignored, so remove it rather than tuning it. And rotation, translation and flip all drive the same transform, so an element carries one of the three — a second replaces the first.

Worked examples

Tutorials using Rotation | DynSVG