mirror of
https://github.com/typst/typst
synced 2025-05-14 04:56:26 +08:00
64 lines
1.5 KiB
Typst
64 lines
1.5 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 (searched at typ/graphics/path/does/not/exist)
|
|
#image("path/does/not/exist")
|
|
|
|
---
|
|
// Error: 8-21 unknown image format
|
|
#image("./image.typ")
|
|
|
|
---
|
|
// Error: 8-22 failed to parse svg: found closing tag 'g' instead of 'style' in line 4
|
|
#image("/res/bad.svg")
|