• 
• 
• Reference
• 
• Layout
• 
• Skew

skewElement

Element functions can be customized with set and show rules.

Skews content.

Skews an element in horizontal and/or vertical direction. The layout will act as if the element was not skewed unless you specify reflow: true.

Example

#skew(ax: -12deg)[
  This is some fake italic text.
]

Parameters

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

ax

angle

Settable

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

The horizontal skewing angle.

Default: 0deg

View example

#skew(ax: 30deg)[Skewed]

ay

angle

Settable

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

The vertical skewing angle.

Default: 0deg

View example

#skew(ay: 30deg)[Skewed]

origin

alignment

Settable

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

The origin of the skew transformation.

The origin will stay fixed during the operation.

Default: center + horizon

View example

X #box(skew(ax: -30deg, origin: center + horizon)[X]) X \
X #box(skew(ax: -30deg, origin: bottom + left)[X]) X \
X #box(skew(ax: -30deg, origin: top + right)[X]) X

reflow

bool

Settable

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

Whether the skew transformation impacts the layout.

If set to false, the skewed content will retain the bounding box of the original content. If set to true, the bounding box will take the transformation of the content into account and adjust the layout accordingly.

Default: false

View example

Hello #skew(ay: 30deg, reflow: true, "World")!

body

content

RequiredPositional

Positional parameters are specified in order, without names.

The content to skew.

ScalePrevious page

Spacing (H)Next page