This example draws a rectangle using the rect function of CanvasRenderingContext2d on a HTML canvas. The parameters of the rect function are explained below:
pub fn canvasrenderingcontext2d_rect()
{
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();
context.begin_path();
// x - 75 (x-coordinate of the center of the circle)
// y - 75 (y-coordinate of the center of the circle)
// width - the width of the rectangle in pixels
// height - the height of the rectangle in pixels
context
.rect(75.0, 75.0, 50.0, 50.0);
context.stroke();
}
pub fn rect(&self, x: f64, y: f64, w: f64, h: f64)