mirror of
https://github.com/typst/typst
synced 2025-05-13 20:46:23 +08:00
60 lines
1.4 KiB
Typst
60 lines
1.4 KiB
Typst
// Test the `image` function.
|
|
|
|
---
|
|
// Test loading different image formats.
|
|
|
|
// Load an RGBA PNG image.
|
|
#image("../../res/rhino.png")
|
|
|
|
// Load an RGB JPEG image.
|
|
#set page(height: 60pt)
|
|
#image("../../res/tiger.jpg")
|
|
|
|
---
|
|
// Test configuring the size and fitting behaviour of images.
|
|
|
|
// Set width and height explicitly.
|
|
#image("../../res/rhino.png", width: 30pt)
|
|
#image("../../res/rhino.png", height: 30pt)
|
|
|
|
// Set width and height explicitly and force stretching.
|
|
#image("../../res/monkey.svg", width: 100%, height: 20pt, fit: "stretch")
|
|
|
|
// Make sure the bounding-box of the image is correct.
|
|
#align(bottom + right, image("../../res/tiger.jpg", width: 40pt))
|
|
|
|
---
|
|
// Test all three fit modes.
|
|
#set page(height: 50pt, margins: 0pt)
|
|
#grid(
|
|
columns: (1fr, 1fr, 1fr),
|
|
rows: 100%,
|
|
gutter: 3pt,
|
|
image("../../res/tiger.jpg", width: 100%, height: 100%, fit: "contain"),
|
|
image("../../res/tiger.jpg", width: 100%, height: 100%, fit: "cover"),
|
|
image("../../res/monkey.svg", width: 100%, height: 100%, fit: "stretch"),
|
|
)
|
|
|
|
---
|
|
// Does not fit to remaining height of page.
|
|
#set page(height: 60pt)
|
|
Stuff \
|
|
Stuff
|
|
#image("../../res/rhino.png")
|
|
|
|
---
|
|
// Test baseline.
|
|
A #image("../../res/tiger.jpg", height: 1cm, width: 80%) B
|
|
|
|
---
|
|
// Test advanced SVG features.
|
|
#image("../../res/pattern.svg")
|
|
|
|
---
|
|
// Error: 8-29 file not found
|
|
#image("path/does/not/exist")
|
|
|
|
---
|
|
// Error: 8-21 failed to load image (unknown image format)
|
|
#image("./image.typ")
|