Issue 238. Remove toDataUrl call

README.md

@@ -296,8 +296,14 @@ const options = {
 
 // For canvas type
 const qrCodeImage = new QRCodeStyling({
-    nodeCanvas, // this is required
-    ...options
+    jsdom: JSDOM, // this is required
+    nodeCanvas, // this is required,
+    ...options,
+    imageOptions: {
+        saveAsBlob: true,
+        crossOrigin: "anonymous",
+        margin: 20
+    },
 });
 
 qrCodeImage.getRawData("png").then((buffer) => {

package.json

@@ -16,6 +16,7 @@
   "devDependencies": {
     "@eslint/js": "^9.12.0",
     "@types/eslint__js": "^8.42.3",
+    "@types/jsdom": "^21.1.7",
     "canvas": "^2.11.2",
     "eslint": "^9.12.0",
     "eslint-config-prettier": "^9.1.0",

src/core/QRSVG.ts

@@ -1,5 +1,4 @@
 import calculateImageSize from "../tools/calculateImageSize";
-import toDataUrl from "../tools/toDataUrl";
 import errorCorrectionPercents from "../constants/errorCorrectionPercents";
 import QRDot from "../figures/dot/QRDot";
 import QRCornerSquare from "../figures/cornerSquare/QRCornerSquare";
@@ -531,10 +530,6 @@ export default class QRSVG {
     image.setAttribute("width", `${dw}px`);
     image.setAttribute("height", `${dh}px`);
 
-    const imageUrl = await toDataUrl(options.image || "");
-
-    image.setAttribute("href", imageUrl || "");
-
     this._element.appendChild(image);
   }
 

src/types/index.ts

@@ -1,3 +1,5 @@
+import { DOMWindow, JSDOM } from "jsdom";
+
 export interface UnknownObject {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   [key: string]: any;
@@ -16,28 +18,7 @@ export interface Canvas extends HTMLCanvasElement {
   createCanvas?: (width: number, height: number) => Canvas;
   loadImage?: (image: string) => Promise<HTMLImageElement>;
 }
-
-export interface Window {
-  Image: typeof HTMLImageElement;
-  XMLSerializer: typeof XMLSerializer;
-  document: Document;
-}
-declare const window: Window;
-
-interface JsDomOptions {
-  resources: string;
-}
-export class JSDom {
-  window: Window;
-  _options: JsDomOptions;
-  _input: string;
-
-  constructor(input: string, options: JsDomOptions) {
-    this._options = options;
-    this._input = input;
-    this.window = window;
-  }
-}
+export type Window = DOMWindow;
 
 export type Gradient = {
   type: GradientType;
@@ -140,7 +121,7 @@ export type Options = {
   data?: string;
   image?: string;
   nodeCanvas?: Canvas;
-  jsdom?: typeof JSDom;
+  jsdom?: typeof JSDOM;
   qrOptions?: {
     typeNumber?: TypeNumber;
     mode?: Mode;