|
|
|
@ -3,33 +3,40 @@ use wasm_bindgen::JsCast;
|
|
|
|
|
|
|
|
|
|
mod drawing;
|
|
|
|
|
mod shapes;
|
|
|
|
|
mod circle;
|
|
|
|
|
|
|
|
|
|
use shapes::*;
|
|
|
|
|
use circle::CircleShapes;
|
|
|
|
|
|
|
|
|
|
#[wasm_bindgen(start)]
|
|
|
|
|
pub fn start() {
|
|
|
|
|
let document = web_sys::window().unwrap().document().unwrap();
|
|
|
|
|
let canvas = document.get_element_by_id("canvas").unwrap();
|
|
|
|
|
let canvas: web_sys::HtmlCanvasElement = canvas
|
|
|
|
|
.dyn_into::<web_sys::HtmlCanvasElement>()
|
|
|
|
|
.map_err(|_| ())
|
|
|
|
|
.unwrap();
|
|
|
|
|
let document = web_sys::window().unwrap().document().unwrap();
|
|
|
|
|
let canvas = document.get_element_by_id("canvas").unwrap();
|
|
|
|
|
let canvas: web_sys::HtmlCanvasElement = canvas
|
|
|
|
|
.dyn_into::<web_sys::HtmlCanvasElement>()
|
|
|
|
|
.map_err(|_| ())
|
|
|
|
|
.unwrap();
|
|
|
|
|
|
|
|
|
|
let context = canvas
|
|
|
|
|
.get_context("2d")
|
|
|
|
|
.unwrap()
|
|
|
|
|
.unwrap()
|
|
|
|
|
.dyn_into::<web_sys::CanvasRenderingContext2d>()
|
|
|
|
|
.unwrap();
|
|
|
|
|
let context = canvas
|
|
|
|
|
.get_context("2d")
|
|
|
|
|
.unwrap()
|
|
|
|
|
.unwrap()
|
|
|
|
|
.dyn_into::<web_sys::CanvasRenderingContext2d>()
|
|
|
|
|
.unwrap();
|
|
|
|
|
|
|
|
|
|
context.begin_path();
|
|
|
|
|
|
|
|
|
|
drawing::draw_circle(Circle {center: Point {x: 75.0, y: 75.0}, radius: 70.0}, &context);
|
|
|
|
|
drawing::draw_circle(Circle {center: Point {x: 75.0, y: 75.0}, radius: 35.0}, &context);
|
|
|
|
|
drawing::draw_circle(Circle {center: Point {x: 60.0, y: 65.0}, radius: 5.0}, &context);
|
|
|
|
|
|
|
|
|
|
drawing::draw_line(Line {p1: Point {x: 0.0, y: 0.0}, p2: Point {x: 150.0, y: 150.0}}, &context);
|
|
|
|
|
drawing::draw_line(Line {p1: Point {x: 0.0, y: 150.0}, p2: Point {x: 150.0, y: 0.0}}, &context);
|
|
|
|
|
|
|
|
|
|
context.stroke();
|
|
|
|
|
context.begin_path();
|
|
|
|
|
|
|
|
|
|
let iter = CircleShapes::new();
|
|
|
|
|
for shape in iter {
|
|
|
|
|
drawing::draw_shape(shape, &context);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
drawing::draw_circle(Circle {center: Point {x: 75.0, y: 75.0}, radius: 70.0}, &context);
|
|
|
|
|
drawing::draw_circle(Circle {center: Point {x: 75.0, y: 75.0}, radius: 35.0}, &context);
|
|
|
|
|
drawing::draw_circle(Circle {center: Point {x: 60.0, y: 65.0}, radius: 5.0}, &context);
|
|
|
|
|
|
|
|
|
|
drawing::draw_line(Line {p1: Point {x: 0.0, y: 0.0}, p2: Point {x: 150.0, y: 150.0}}, &context);
|
|
|
|
|
drawing::draw_line(Line {p1: Point {x: 0.0, y: 150.0}, p2: Point {x: 150.0, y: 0.0}}, &context);
|
|
|
|
|
|
|
|
|
|
context.stroke();
|
|
|
|
|
}
|
|
|
|
|