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
//! 根号まわりを大きく見るための一枚
use suki::font;
use suki::{Mode, Shape, escape, render_html, render_svg};
const SOURCES: &[&str] = &[
r"\sqrt{2}",
r"\sqrt{x + y}",
r"\sqrt{\frac{a}{b}}",
r"\sqrt[3]{\frac{x + 1}{x - 1}}",
];
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:26px;font-family:system-ui,sans-serif;font-size:12px}}");
println!(".row{{display:flex;align-items:baseline;gap:22px;margin-bottom:30px}}");
println!(".name{{color:#767676;width:76px;flex:none}}");
println!(".big{{font-size:60px}}");
println!(".src{{color:#767676;margin-bottom:8px}}");
println!("</style></head><body>");
for source in SOURCES {
println!("<div class=\"src\">{}</div>", escape(source));
println!("<div class=\"row\"><div class=\"name\">HTML</div><div class=\"big\">{}</div></div>",
render_html(source, &loaded, Mode::Display).unwrap());
println!("<div class=\"row\"><div class=\"name\">SVG 文字</div><div class=\"big\">{}</div></div>",
render_svg(source, &loaded, Mode::Display, Shape::Text).unwrap());
println!("<div class=\"row\"><div class=\"name\">SVG 輪郭</div><div class=\"big\">{}</div></div>",
render_svg(source, &loaded, Mode::Display, Shape::Outline).unwrap());
}
println!("</body></html>");
}