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
//! 伸びる括弧まわりを大きく見るための一枚
use suki::font;
use suki::{Mode, Shape, escape};
const SOURCES: &[&str] = &[
r"\left( \frac{a}{b} \right)",
r"\left( \frac{\frac{a}{b}}{\frac{c}{d}} \right)",
r"\left[ \begin{matrix} a \\ b \\ c \\ d \\ e \\ f \end{matrix} \right]",
r"(x) \quad [x] \quad \{x\}",
];
fn main() {
let path = std::env::args().nth(1).unwrap_or_else(|| "font/latinmodern-math.otf".to_string());
let loaded = font::load(std::fs::read(&path).unwrap()).unwrap();
println!("<!DOCTYPE html><html lang=\"ja\"><head><meta charset=\"utf-8\"><title>括弧</title><style>");
println!("@font-face{{font-family:\"{}\";src:url(\"{}\")}}",
escape(font::family(&loaded)), escape(&path));
println!("{}", suki::style(&loaded));
println!("body{{margin:0;padding:28px;font-family:system-ui,sans-serif;font-size:12px}}");
println!(".row{{display:flex;align-items:baseline;gap:28px;margin-bottom:36px}}");
println!(".name{{color:#767676;width:96px;flex:none}}");
println!(".big{{font-size:76px}}");
println!("</style></head><body>");
for source in SOURCES {
println!("<div style=\"color:#767676;margin-bottom:8px\">{}</div>", escape(source));
let node = suki::parse(source).unwrap();
let placed = suki::layout::layout(
&node, &loaded, 1.0, suki::Style::Auto, true);
println!("<div class=\"row\"><div class=\"name\">輪郭 太らせあり</div><div class=\"big\">{}</div></div>",
suki::svg::render_weighted(&placed, &loaded, Shape::Outline, source, suki::svg::DARKEN));
println!("<div class=\"row\"><div class=\"name\">輪郭 太らせなし</div><div class=\"big\">{}</div></div>",
suki::svg::render_weighted(&placed, &loaded, Shape::Outline, source, 0.0));
println!("<div class=\"row\"><div class=\"name\">SVG 文字</div><div class=\"big\">{}</div></div>",
suki::render_svg(source, &loaded, Mode::Display, Shape::Text).unwrap());
}
println!("</body></html>");
}