#svg #html #xml #tag #markup

tagger

Write SVG / HTML / XML programmatically

32 releases (14 stable)

4.3.4 Nov 26, 2022
4.3.3 Mar 18, 2022
4.2.1 Jan 12, 2022
3.3.2 Dec 31, 2021
0.7.1 Mar 8, 2021

#104 in Images

Download history 813/week @ 2022-12-01 481/week @ 2022-12-08 307/week @ 2022-12-15 431/week @ 2022-12-22 582/week @ 2022-12-29 481/week @ 2023-01-05 411/week @ 2023-01-12 403/week @ 2023-01-19 953/week @ 2023-01-26 291/week @ 2023-02-02 741/week @ 2023-02-09 1011/week @ 2023-02-16 1112/week @ 2023-02-23 643/week @ 2023-03-02 770/week @ 2023-03-09 852/week @ 2023-03-16

3,548 downloads per month
Used in 4 crates (2 directly)

MIT license

16KB
342 lines

Before you try

I recommend you use the hypermelon crate instead of this crate.

Overview

Build xml / html / svg programmatically using element building blocks. Instead of using a templating engine, write data/markup that 'looks like' rust.

Find it on github and crates.io. Docs at docs.rs.

Tagger also provides functionality to build svg paths and polyline attribute data.

Tagger additionally protects against XML escaping by replacing xml escape characters with its encoded value.

Example

fn main() -> std::fmt::Result {
    let width = 100.0;
    let height = 100.0;

    let mut w = tagger::new(tagger::upgrade_write(std::io::stdout()));

    w.elem("svg", |d| {
        d.attr("xmlns", "http://www.w3.org/2000/svg")?;
        d.attr("viewBox", format_args!("0 0 {} {}", width, height))
    })?
    .build(|w| {
        w.single("rect", |d| {
            d.attr("x1", 0)?;
            d.attr("y1", 0)?;
            d.attr("rx", 20)?;
            d.attr("ry", 20)?;
            d.attr("width", width)?;
            d.attr("height", height)?;
            d.attr("style", "fill:blue")
        })?;

        w.elem("style", tagger::no_attr())?
            .build(|w| w.put_raw(".test{fill:none;stroke:white;stroke-width:3}"))?;

        w.elem("g", |d| d.attr("class", "test"))?.build(|w| {
            for r in (0..50).step_by(10) {
                w.single("circle", |w| {
                    w.attr("cx", 50.0)?;
                    w.attr("cy", 50.0)?;
                    w.attr("r", r)
                })?;
            }
            Ok(())
        })
    })
}

Output

demo

No runtime deps