works finally

Author: mTvare6

frontend/wasm/src/editor_api.rs

@@ -77,8 +77,8 @@ fn render_image_data_to_canvases(image_data: &[(u64, Image<Color>, TransformImag
 			.dyn_into::<HtmlCanvasElement>()
 			.expect("Failed to cast element to HtmlCanvasElement");
 
-		canvas.set_width(1);
-		canvas.set_height(1);
+		canvas.set_width(image.width);
+		canvas.set_height(image.height);
 		let context: CanvasRenderingContext2d = canvas
 			.get_context("2d")
 			.expect("Failed to get 2d context")

node-graph/gsvg-renderer/src/renderer.rs

@@ -949,17 +949,24 @@ impl GraphicElementRendered for RasterDataTable<CPU> {
 
 			if render_params.to_canvas() {
 				let id = generate_uuid();
+				let scale = DVec2::new(transform.x_axis.x, transform.y_axis.y);
 				render.image_data.push((id, image.data().clone(), TransformImage(transform)));
+				log::debug!("{transform} {} {}", image.width, image.height);
 				render.parent_tag(
 					"foreignObject",
 					|attributes| {
-						attributes.push("width", "1");
-						attributes.push("height", "1");
-
-						let matrix = format_transform_matrix(transform);
+						let size = DVec2::new(image.width as f64, image.height as f64);
+						let scale = scale / size;
+						let scale = DAffine2::from_scale(scale);
+						let matrix = format_transform_matrix(scale);
 						if !matrix.is_empty() {
 							attributes.push("transform", matrix);
+							attributes.push("transform-origin", "top-left");
 						}
+						attributes.push("width", transform.matrix2.x_axis.x.to_string());
+						attributes.push("height", transform.matrix2.y_axis.y.to_string());
+						attributes.push("x", transform.translation.x.to_string());
+						attributes.push("y", transform.translation.y.to_string());
 
 						let factor = if render_params.for_mask { 1. } else { instance.alpha_blending.fill };
 						let opacity = instance.alpha_blending.opacity * factor;
@@ -973,7 +980,6 @@ impl GraphicElementRendered for RasterDataTable<CPU> {
 					|render| {
 						render.leaf_tag("div", |attributes| {
 							attributes.push("data-canvas-placeholder", format!("canvas{}", id));
-							attributes.push("style", "width: 100%; height: 100%;".to_string());
 						})
 					},
 				);