Fix blurry images on Chrome

README.md

@@ -2,6 +2,8 @@
 A lightweight QR encoder for the browser & node loosely based on [zxing](https://github.com/zxing/zxing).
 This is strictly a QR encoder & renderer, future updates should consist mainly of bug fixes.
 
+[Live Demo](https://jsfiddle.net/5rept9nf/5/) | [GitHub](https://github.com/WasabiThumb/enqr/) | [NPM](https://www.npmjs.com/package/enqr)
+
 ## Usage (Browser)
 ```html
 <img id="qr" src="" alt="QR Code">

package.json

@@ -1,7 +1,7 @@
 {
   "name": "enqr",
   "description": "Lightweight QR encoder for the browser & node loosely based on zxing",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "main": "dist/index.js",
   "types": "types/index.d.ts",
   "homepage": "https://github.com/WasabiThumb/enqr",

src/qr/qrcode.ts

@@ -312,7 +312,8 @@ class QRCodeImpl implements QRCode {
             const url = await this.renderToURL(options);
             img.addEventListener("load", () => {
                 if (revoke && url.startsWith("blob:")) URL.revokeObjectURL(url);
-                img.style.imageRendering = "crisp-edges";
+                img.style.imageRendering = "pixelated";
+                if (window.getComputedStyle(img).imageRendering !== "pixelated") img.style.imageRendering = "crisp-edges";
                 img.style.objectFit = "contain";
                 res(img);
             });