• 
• 
• Reference
• 
• Layout
• 
• Rotate

rotateElement

Element functions can be customized with set and show rules.

Rotates content without affecting layout.

Rotates an element by a given angle. The layout will act as if the element was not rotated.

Example

#stack(
  dir: ltr,
  spacing: 1fr,
  ..range(16)
    .map(i => rotate(24deg * i)[X]),
)

Parameters

Parameters are the inputs to a function. They are specified in parentheses after the function name.

angle

angle

Positional

Positional parameters are specified in order, without names.

Settable

Settable parameters can be customized for all following uses of the function with a set rule.

The amount of rotation.

Default: 0deg

View example

#rotate(-1.571rad)[Space!]

origin

alignment

Settable

Settable parameters can be customized for all following uses of the function with a set rule.

The origin of the rotation.

If, for instance, you wanted the bottom left corner of the rotated element to stay aligned with the baseline, you would set it to bottom + left instead.

Default: center + horizon

View example

#set text(spacing: 8pt)
#let square = square.with(width: 8pt)

#box(square())
#box(rotate(30deg, origin: center, square()))
#box(rotate(30deg, origin: top + left, square()))
#box(rotate(30deg, origin: bottom + right, square()))

body

content

RequiredPositional

Positional parameters are specified in order, without names.

The content to rotate.

RepeatPrevious page

ScaleNext page