johnride/nationtech-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Figured out how to resize canvas properly, will still have to handle on window resize

Browse Source
This commit is contained in:
jeangab 2023-07-14 13:42:42 -04:00
parent 747e9f9595
commit 0fafffb40f
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/background.rs
View File

@ -9,12 +9,20 @@ use crate::space_colonization::SpaceColonization;
#[component] #[component]
pub fn Background(cx: Scope, class: &'static str) -> impl IntoView { pub fn Background(cx: Scope, class: &'static str) -> impl IntoView {
let canvas = create_node_ref::<Canvas>(cx); let canvas = create_node_ref::<Canvas>(cx);
let mut size = (300, 300);
canvas.on_load(cx, move |_| { canvas.on_load(cx, move |_| {
let canvas = canvas.get().expect("canvas is mounted");
let canvas_parent = canvas.parent_element().unwrap();
canvas.set_width(u32::try_from(canvas_parent.client_width()).unwrap());
canvas.set_height(u32::try_from(canvas_parent.client_height()).unwrap());
log!(
"canvas parent size = {} {}",
canvas_parent.client_width(),
canvas_parent.client_height()
);
log!("in canvas"); log!("in canvas");
let context = canvas let context = canvas
.get()
.expect("canvas is mounted")
.get_context("2d") .get_context("2d")
.ok() .ok()
.flatten() .flatten()