agg-gui 0.2.0

Immediate-mode Rust GUI library with AGG rendering, Y-up layout, widgets, text, SVG, and native/WASM adapters
Documentation 
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112

//! SVG text rendering regression tests.
//!
//! `usvg` flattens text to drawable primitives during parsing.  These tests
//! keep the library renderer honest about dispatching those flattened nodes
//! through the same path/image renderer used by the rest of SVG.

use super::*;
use std::sync::Arc;

fn text_options() -> SvgParseOptions {
    let mut fontdb = usvg::fontdb::Database::new();
    fontdb.load_font_data(include_bytes!("../../../demo/assets/CascadiaCode.ttf").to_vec());
    fontdb.set_serif_family("Cascadia Code");
    fontdb.set_sans_serif_family("Cascadia Code");
    fontdb.set_monospace_family("Cascadia Code");

    SvgParseOptions::new()
        .with_font_family("Cascadia Code")
        .with_fontdb(Arc::new(fontdb))
}

#[test]
fn renders_basic_text_from_flattened_usvg_paths() {
    let svg = br##"
        <svg xmlns="http://www.w3.org/2000/svg" width="40" height="18">
            <rect width="40" height="18" fill="#000000"/>
            <text x="2" y="14" font-family="Cascadia Code, monospace"
                  font-size="14" fill="#00ff00">Hi</text>
        </svg>
    "##;

    let fb = render_svg_to_framebuffer_with_options(svg, &text_options())
        .expect("SVG text should render");

    assert!(
        fb.pixels()
            .chunks_exact(4)
            .any(|px| px[1] > 80 && px[0] < 40 && px[2] < 40 && px[3] > 0),
        "text should paint visible green glyph pixels"
    );
}

#[test]
fn default_svg_api_renders_text_when_app_fonts_are_available() {
    let svg = br##"
        <svg xmlns="http://www.w3.org/2000/svg" width="40" height="18">
            <rect width="40" height="18" fill="#000000"/>
            <text x="2" y="14" font-family="monospace"
                  font-size="14" fill="#00ff00">Hi</text>
        </svg>
    "##;

    let fb = render_svg_to_framebuffer(svg).expect("SVG text should render");

    assert!(
        fb.pixels()
            .chunks_exact(4)
            .any(|px| px[1] > 80 && px[0] < 40 && px[2] < 40 && px[3] > 0),
        "default SVG API should paint visible green glyph pixels"
    );
}

#[test]
fn renders_shields_style_badge_text_runs() {
    let svg = br##"
        <svg xmlns="http://www.w3.org/2000/svg" width="102" height="20" role="img">
            <linearGradient id="s" x2="0" y2="100%">
                <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
                <stop offset="1" stop-opacity=".1"/>
            </linearGradient>
            <clipPath id="r">
                <rect width="102" height="20" rx="3" fill="#fff"/>
            </clipPath>
            <g clip-path="url(#r)">
                <rect width="57" height="20" fill="#555"/>
                <rect x="57" width="45" height="20" fill="#fe7d37"/>
                <rect width="102" height="20" fill="url(#s)"/>
            </g>
            <g fill="#fff" text-anchor="middle"
               font-family="Verdana,Geneva,DejaVu Sans,sans-serif"
               text-rendering="geometricPrecision" font-size="110">
                <text x="295" y="140" transform="scale(.1)" textLength="470">crates.io</text>
                <text x="785" y="140" transform="scale(.1)" textLength="350">v0.1.0</text>
            </g>
        </svg>
    "##;

    let fb = render_svg_to_framebuffer_with_options(svg, &text_options())
        .expect("badge SVG should render");

    assert!(
        has_bright_text_pixel(&fb, 8..57),
        "left badge label should render visible white text"
    );
    assert!(
        has_bright_text_pixel(&fb, 60..100),
        "right badge value should render visible white text"
    );
}

fn has_bright_text_pixel(fb: &Framebuffer, xs: std::ops::Range<u32>) -> bool {
    for y in 4..16 {
        for x in xs.clone() {
            let i = ((y * fb.width() + x) * 4) as usize;
            let px = &fb.pixels()[i..i + 4];
            if px[0] > 180 && px[1] > 180 && px[2] > 180 && px[3] > 0 {
                return true;
            }
        }
    }
    false
}