silkenweb 0.10.0

A library for building web apps
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

use futures_signals::signal::SignalExt;
use silkenweb::{
    animation::{finite_animation, infinite_animation},
    elements::{
        html::progress,
        svg::{attributes::Presentation, content_type::Length::Px, rect, svg},
    },
    mount,
    node::element::ParentElement,
    value::Sig,
};

pub fn finite_animation_example() {
    const DURATION: f64 = 3000.0;
    let app = progress().max(DURATION as f32).value(Sig(
        finite_animation(DURATION).map(|time| time.unwrap_or(DURATION) as f32)
    ));
    mount("app", app);
}

pub fn infinite_animation_example() {
    let app = svg().width(200.0).height(200.0).child(
        rect()
            .x(Px(25.0))
            .y(Px(25.0))
            .width(Px(50.0))
            .height(Px(50.0))
            .transform(Sig(
                infinite_animation().map(|time| format!("rotate({} 50 50)", time / 10.0))
            )),
    );
    mount("app", app);
}