feat: blobs dot type

Author: HitkoDev

src/figures/dot-elements.ts

@@ -274,6 +274,98 @@ export const DotElements = {
           z`
         )
 
+        return element
+    },
+    blob: (args: BasicFigureDrawArgs, corners: Record<'tl' | 'tr' | 'bl' | 'br', 'round' | 'out' | 'square'>): SVGElement => {
+        const { size, x, y, document } = args
+        const dotSize = size / 7
+
+        const element = document.createElementNS('http://www.w3.org/2000/svg', 'path')
+
+        const parts = [
+            svgPath`M ${x} ${y + 2.5 * dotSize}`
+        ]
+
+        let l = 2 * dotSize
+
+        if (corners.bl == 'round') {
+            parts.push(
+                svgPath`v ${l}
+              a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 0 ${dotSize * 2.5} ${dotSize * 2.5}`
+            )
+            l = 2 * dotSize
+        } else if (corners.bl == 'out') {
+            parts.push(
+                svgPath`v ${5 * dotSize + l}
+              a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 1 ${dotSize * 2.5} ${dotSize * -2.5}`
+            )
+            l = 2 * dotSize
+        } else {
+            parts.push(
+                svgPath`v ${2.5 * dotSize + l}`
+            )
+            l = 4.5 * dotSize
+        }
+
+        if (corners.br == 'round') {
+            parts.push(
+                svgPath`h ${l}
+              a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 0 ${dotSize * 2.5} ${dotSize * -2.5}`
+            )
+            l = -2 * dotSize
+        } else if (corners.br == 'out') {
+            parts.push(
+                svgPath`h ${5 * dotSize + l}
+              a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 1 ${dotSize * -2.5} ${dotSize * -2.5}`
+            )
+            l = -2 * dotSize
+        } else {
+            parts.push(
+                svgPath`h ${2.5 * dotSize + l}`
+            )
+            l = -4.5 * dotSize
+        }
+
+        if (corners.tr == 'round') {
+            parts.push(
+                svgPath`v ${l}
+              a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 0 ${dotSize * -2.5} ${dotSize * -2.5}`
+            )
+            l = -2 * dotSize
+        } else if (corners.tr == 'out') {
+            parts.push(
+                svgPath`v ${-5 * dotSize + l}
+              a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 1 ${dotSize * -2.5} ${dotSize * 2.5}`
+            )
+            l = -2 * dotSize
+        } else {
+            parts.push(
+                svgPath`v ${-2.5 * dotSize + l}`
+            )
+            l = -4.5 * dotSize
+        }
+
+        if (corners.tl == 'round') {
+            parts.push(
+                svgPath`h ${l}
+              a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 0 ${dotSize * -2.5} ${dotSize * 2.5}`
+            )
+        } else if (corners.tl == 'out') {
+            parts.push(
+                svgPath`h ${-5 * dotSize + l}
+              a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 1 ${dotSize * 2.5} ${dotSize * 2.5}`
+            )
+        } else {
+            parts.push(
+                svgPath`h ${-2.5 * dotSize + l}`
+            )
+        }
+
+        element.setAttribute(
+            'd',
+            parts.join(' ') + ' z'
+        )
+
         return element
     }
 }

src/figures/dot.ts

@@ -111,7 +111,43 @@ const qrDotFigures: { [type in DotType]: (args: DrawArgs) => SVGElement } = {
             const y = args.y + (args.size - height) * rnd()
             return DotElements.square({ ..._args, y }, { height })
         }
-    })
+    }),
+    [DotType.blobs]: ({ getNeighbor, ...args }) => {
+        const tl = getNeighbor?.(-1, -1)
+        const t = getNeighbor?.(0, -1)
+        const tr = getNeighbor?.(1, -1)
+        const r = getNeighbor?.(1, 0)
+        const br = getNeighbor?.(1, 1)
+        const b = getNeighbor?.(0, 1)
+        const bl = getNeighbor?.(-1, 1)
+        const l = getNeighbor?.(-1, 0)
+        const corners: Record<'tl' | 'tr' | 'bl' | 'br', 'round' | 'out' | 'square'> = {
+            tl: 'square',
+            tr: 'square',
+            bl: 'square',
+            br: 'square'
+        }
+
+        if (!l && tl)
+            corners.tl = 'out'
+        if (!t && tr)
+            corners.tr = 'out'
+        if (!r && br)
+            corners.br = 'out'
+        if (!b && bl)
+            corners.bl = 'out'
+
+        if (!l && !tl && !t)
+            corners.tl = 'round'
+        if (!t && !tr && !r)
+            corners.tr = 'round'
+        if (!r && !br && !b)
+            corners.br = 'round'
+        if (!b && !bl && !l)
+            corners.bl = 'round'
+
+        return DotElements.blob(args, corners)
+    }
 }
 
 export function getQrDotFigure(type: `${DotType}`, plugins?: Plugin[]) {

src/utils/options.ts

@@ -25,7 +25,8 @@ export enum DotType {
     zebraHorizontal = 'zebra-horizontal',
     zebraVertical = 'zebra-vertical',
     blocksHorizontal = 'blocks-horizontal',
-    blocksVertical = 'blocks-vertical'
+    blocksVertical = 'blocks-vertical',
+    blobs = 'blobs'
 }
 
 export enum CornerDotType {