wl-seasonal-hours-clock/src/svg_clock.rs

use svg::{
    node::{
        element::{path::Data as PathData, Definitions, Path, Text, TextPath},
        Text as TextNode,
    },
    Document,
};
use usvg::Tree;

pub const HOUR_NAMES: [&str; 24] = [
    "Candle", "Ice", "Comet", "Thimble", "Root", "Mist", "Sprout", "Rainbow", "Worm", "Bud",
    "Blossom", "Ladybug", "Geese", "Dust", "Peach", "Fog", "Acorn", "Gourd", "Soup", "Crow",
    "Mushroom", "Thunder", "Frost", "Lantern",
];
pub const IMAGE_WIDTH: u32 = 700;
pub const HOUR_NAME_FONT_SIZE: f32 = IMAGE_WIDTH as f32 * 0.019109;
pub const OUTER_R: f32 = (IMAGE_WIDTH as f32) / 2.0 - 3.0 * HOUR_NAME_FONT_SIZE;
pub const RING_WIDTH: f32 = HOUR_NAME_FONT_SIZE * 3.0;

pub fn svg_to_usvg(document: Document) -> Tree {
    let doc_str = document.to_string();

    let mut opt = usvg::Options::default();
    opt.fontdb.load_system_fonts();
    opt.font_family = "Liberation Serif".to_string();

    Tree::from_str(&doc_str, &opt.to_ref()).unwrap()
}

fn hour_name_path() -> Path {
    let radius = OUTER_R - RING_WIDTH / 2.0;
    let delta_x = radius * (15.0_f32.to_radians() / 2.0).sin();
    let delta_y = radius * (1.0 - (15.0_f32.to_radians() / 2.0).cos());
    let x1 = (IMAGE_WIDTH as f32) / 2.0 - delta_x;
    let y1 = ((IMAGE_WIDTH as f32) / 2.0 - radius) + delta_y;

    let path_data = PathData::new().move_to((x1, y1)).elliptical_arc_by((
        radius,
        radius,
        15,
        0,
        1,
        2.0 * delta_x,
        0,
    ));

    Path::new().set("id", "hour-name-path").set("d", path_data)
}

fn create_temp_document(hour_name: &str) -> Document {
    let definitions = Definitions::new().add(hour_name_path());

    let hour_name_text_path = TextPath::new()
        .set("xlink:href", "#hour-name-path")
        .set("startOffset", "50%")
        .add(TextNode::new(hour_name));
    let hour_name_text = Text::new()
        .set("id", "hour-name")
        .set("text-anchor", "middle")
        .set("dominant-baseline", "mathematical")
        .set("font-size", HOUR_NAME_FONT_SIZE)
        .add(hour_name_text_path);

    Document::new()
        .set("viewBox", (0i32, 0i32, 700i32, 700i32))
        .set("width", 700i32)
        .set("height", 700i32)
        .set("xmlns:xlink", "http://www.w3.org/1999/xlink")
        .add(definitions)
        .add(hour_name_text)
}

fn cache_hour_name_path(hour_name: &str) -> PathData {
    let tree = svg_to_usvg(create_temp_document(hour_name));
    let mut svg_path_data: PathData = PathData::new();
    let text_node = tree.node_by_id("hour-name").unwrap();
    match *text_node.borrow() {
        usvg::NodeKind::Path(ref path) => {
            let path_data = &path.data;
            for segment in path_data.0.iter() {
                match segment {
                    usvg::PathSegment::MoveTo { x, y } => {
                        svg_path_data = svg_path_data.move_to((*x, *y));
                    }
                    usvg::PathSegment::LineTo { x, y } => {
                        svg_path_data = svg_path_data.line_to((*x, *y));
                    }
                    usvg::PathSegment::CurveTo {
                        x1,
                        y1,
                        x2,
                        y2,
                        x,
                        y,
                    } => {
                        svg_path_data = svg_path_data.cubic_curve_to((*x1, *y1, *x2, *y2, *x, *y));
                    }
                    usvg::PathSegment::ClosePath => {
                        svg_path_data = svg_path_data.close();
                    }
                }
            }
        }
        _ => {
            unreachable!()
        }
    }

    svg_path_data
}

pub fn cache_hour_name_paths() -> [PathData; 24] {
    [
        cache_hour_name_path(HOUR_NAMES[0]),
        cache_hour_name_path(HOUR_NAMES[1]),
        cache_hour_name_path(HOUR_NAMES[2]),
        cache_hour_name_path(HOUR_NAMES[3]),
        cache_hour_name_path(HOUR_NAMES[4]),
        cache_hour_name_path(HOUR_NAMES[5]),
        cache_hour_name_path(HOUR_NAMES[6]),
        cache_hour_name_path(HOUR_NAMES[7]),
        cache_hour_name_path(HOUR_NAMES[8]),
        cache_hour_name_path(HOUR_NAMES[9]),
        cache_hour_name_path(HOUR_NAMES[10]),
        cache_hour_name_path(HOUR_NAMES[11]),
        cache_hour_name_path(HOUR_NAMES[12]),
        cache_hour_name_path(HOUR_NAMES[13]),
        cache_hour_name_path(HOUR_NAMES[14]),
        cache_hour_name_path(HOUR_NAMES[15]),
        cache_hour_name_path(HOUR_NAMES[16]),
        cache_hour_name_path(HOUR_NAMES[17]),
        cache_hour_name_path(HOUR_NAMES[18]),
        cache_hour_name_path(HOUR_NAMES[19]),
        cache_hour_name_path(HOUR_NAMES[20]),
        cache_hour_name_path(HOUR_NAMES[21]),
        cache_hour_name_path(HOUR_NAMES[22]),
        cache_hour_name_path(HOUR_NAMES[23]),
    ]
}