1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
// Test the `circle` function.
--- circle ---
// Default circle.
#box(circle())
#box(circle[Hey])
--- circle-auto-sizing ---
// Test auto sizing.
#set circle(inset: 0pt)
Auto-sized circle.
#circle(fill: rgb("eb5278"), stroke: 2pt + black,
align(center + horizon)[But, soft!]
)
Center-aligned rect in auto-sized circle.
#circle(fill: forest, stroke: conifer,
align(center + horizon,
rect(fill: conifer, inset: 5pt)[But, soft!]
)
)
Rect in auto-sized circle.
#circle(fill: forest,
rect(fill: conifer, stroke: white, inset: 4pt)[
#set text(8pt)
But, soft! what light through yonder window breaks?
]
)
Expanded by height.
#circle(stroke: black, align(center)[A \ B \ C])
--- circle-directly-in-rect ---
// Ensure circle directly in rect works.
#rect(width: 40pt, height: 30pt, fill: forest,
circle(fill: conifer))
--- circle-relative-sizing ---
// Test relative sizing.
#set text(fill: white)
#show: rect.with(width: 100pt, height: 50pt, inset: 0pt, fill: rgb("aaa"))
#set align(center + horizon)
#stack(
dir: ltr,
spacing: 1fr,
1fr,
circle(radius: 10pt, fill: eastern, [A]), // D=20pt
circle(height: 60%, fill: eastern, [B]), // D=30pt
circle(width: 20% + 20pt, fill: eastern, [C]), // D=40pt
1fr,
)
--- circle-radius-width-and-height ---
// Radius wins over width and height.
// Error: 23-34 unexpected argument: width
#circle(radius: 10pt, width: 50pt, height: 100pt, fill: eastern)
--- circle-sizing-options ---
// Test different ways of sizing.
#set page(width: 120pt, height: 40pt)
#stack(
dir: ltr,
spacing: 2pt,
circle(radius: 5pt),
circle(width: 10%),
circle(height: 50%),
)
|
