@liquid-js/qr-code-styling 1.9.1 → 1.10.0

package/lib/core/QROptions.d.ts

@@ -4,6 +4,7 @@ export interface RequiredOptions extends Options {
     shape: ShapeType;
     width: number;
     height: number;
+    margin: number;
     data: string;
     qrOptions: {
         typeNumber: TypeNumber;

package/lib/qr-code-styling-node.js

@@ -168,6 +168,7 @@ const defaultOptions = {
     shape: exports.ShapeType.square,
     width: undefined,
     height: undefined,
+    margin: 0,
     data: "",
     qrOptions: {
         typeNumber: TypeNumber[0],
@@ -774,7 +775,7 @@ class QRSVG {
         const count = qr.getModuleCount();
         const minSize = Math.min(this._options.width, this._options.height);
         const realQRSize = this._options.shape === exports.ShapeType.circle ? minSize / Math.sqrt(2) : minSize;
-        const dotSize = Math.floor(realQRSize / count);
+        const dotSize = Math.floor(realQRSize / (count + 2 * this._options.margin));
         let drawImageSize = {
             hideXDots: 0,
             hideYDots: 0,
@@ -860,7 +861,7 @@ class QRSVG {
         }
         const minSize = Math.min(options.width, options.height);
         const realQRSize = options.shape === exports.ShapeType.circle ? minSize / Math.sqrt(2) : minSize;
-        const dotSize = Math.floor(realQRSize / count);
+        const dotSize = Math.floor(realQRSize / (count + 2 * this._options.margin));
         const xBeginning = Math.floor((options.width - count * dotSize) / 2);
         const yBeginning = Math.floor((options.height - count * dotSize) / 2);
         const dot = new QRDot({ svg: this._element, type: options.dotsOptions.type, document: this._document });
@@ -898,7 +899,7 @@ class QRSVG {
             }
         }
         if (options.shape === exports.ShapeType.circle) {
-            const additionalDots = Math.floor((minSize / dotSize - count) / 2);
+            const additionalDots = Math.floor((minSize / dotSize - count - 2 * this._options.margin) / 2);
             const fakeCount = count + additionalDots * 2;
             const xFakeBeginning = xBeginning - additionalDots * dotSize;
             const yFakeBeginning = yBeginning - additionalDots * dotSize;
@@ -950,7 +951,7 @@ class QRSVG {
         const count = this._qr.getModuleCount();
         const minSize = Math.min(options.width, options.height);
         const realQRSize = options.shape === exports.ShapeType.circle ? minSize / Math.sqrt(2) : minSize;
-        const dotSize = Math.floor(realQRSize / count);
+        const dotSize = Math.floor(realQRSize / (count + 2 * this._options.margin));
         const cornersSquareSize = dotSize * 7;
         const cornersDotSize = dotSize * 3;
         const xBeginning = Math.floor((options.width - count * dotSize) / 2);
@@ -1176,7 +1177,7 @@ let QRCodeStyling$1 = class QRCodeStyling {
         if (!this._qr) {
             return;
         }
-        this._options.width = this._options.height = 10 * this._qr.getModuleCount();
+        this._options.width = this._options.height = 10 * (this._qr.getModuleCount() + 2 * this._options.margin);
         const qrSVG = new QRSVG(this._options);
         this._svg = qrSVG.getElement();
         this._svgDrawingPromise = qrSVG.drawQR(this._qr).then(() => {