rotate
Element
Element functions can be customized with set and show rules.
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 unless you specify reflow: true.
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.
Parameters are the inputs to a function. They are specified in parentheses after the function name.
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.
Positional parameters are specified in order, without names.
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
Settable
Settable parameters can be customized for all following uses of the function with a set rule.
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()))
reflow
Settable
Settable parameters can be customized for all following uses of the function with a set rule.
Settable parameters can be customized for all following uses of the function with a
set rule.Whether the rotation impacts the layout.
If set to false, the rotated content will retain the bounding box of
the original content. If set to true, the bounding box will take the
rotation of the content into account and adjust the layout accordingly.
Default:false
View example
Hello #rotate(90deg, reflow: true)[World]!
body
The content to rotate.