Add support for fractional width and height values (ctrl-freaks#90)

helloraee · May 17, 2021 · ee166f7 · ee166f7
1 parent 04c97e5
commit ee166f7
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/freezeframe/src/index.ts b/packages/freezeframe/src/index.ts
@@ -124,8 +124,12 @@ class Freezeframe {
   private _process(freeze: Freeze): Promise<Freeze> {
     return new Promise((resolve) => {
       const { $canvas, $image, $container } = freeze;
-      const { clientWidth, clientHeight } = $image;
+      const { width, height } = $image.getClientRects()[0];
+      const clientWidth = Math.ceil(width);
+      const clientHeight = Math.ceil(height);
 
+      $canvas.style.width =  `${width}px`;
+      $canvas.style.height = `${height}px`;
       $canvas.setAttribute('width', clientWidth.toString());
       $canvas.setAttribute('height', clientHeight.toString());