Pictures

Pictures can be displayed with the picture element. The path to the image file is specified with the filepath attribute. Supported file formats are JPG, PNG and SVG.

Most pictures in a course are usually figures and should therefore be enclosed in the block element for figures. Pictures outside of figures should only be used for pictures that should appear directly inside a line of text.

Every picture must contain a minimum amount of metadata. That is, one must specify the license of the picture.

Example

<p>
    The warning sign can be recognized by <picture filepath="media/warning-sign.png">
        <metadata>
            <license>Public Domain</license>
        </metadata>
    </picture>. It indicates danger.
</p>

Attributes

The picture element supports the following attributes:

Attribute	Type	Default	Description
`filepath`	`xs:string`	-	Path to the image file relative to the current document.
`maxheight`	`LengthPercentage \| None`	`none`	Maximal height of this media object as length percentage value or "none", which means that there should be no limit on the height of the object.
`maxwidth`	`LengthPercentage \| None`	`none`	Maximal width of this media object as length percentage value or "none", which means that there should be no limit on the width of the object.
`minheight`	`LengthPercentage \| Auto`	`auto`	Minimum height of this media object as length percentage value or "auto", which means that the application will calculate and select a minimum height.
`minwidth`	`LengthPercentage \| Auto`	`auto`	Minimum width of this media object as length percentage value or "auto", which means that the application will calculate and select a minimum width.
`name`	`xs:Name`	-	Name of this element. Must be unique among all element names in this course variant.
`tags`	`TokenList`		Whitespace-separated list of tags of this element.