Merge pull request #99 from WICG/progers-add-highdpi-scaling-snippet

Add high-dpi snippet to basic example

Author: progers

README.md

@@ -89,6 +89,13 @@ The transform used to draw the element on the worker thread needs to be synced b
     let transform = ctx.drawElementImage(form_element, 0, 0);
     form_element.style.transform = transform.toString();
   };
+
+  // Size the canvas grid to match the device scale factor to prevent blurriness.
+  const observer = new ResizeObserver(([entry]) => {
+    canvas.width = entry.devicePixelContentBoxSize[0].inlineSize;
+    canvas.height = entry.devicePixelContentBoxSize[0].blockSize;
+  });
+  observer.observe(canvas, {box: 'device-pixel-content-box'});
 </script>
 ```