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