@liquid-js/qr-code-styling 5.0.0-4 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/border-plugin.js +1 -1
- package/lib/border-plugin.js.map +1 -1
- package/lib/core/qr-svg.d.ts +1 -0
- package/lib/figures/corner-square.d.ts +1 -1
- package/lib/figures/dot-composition.d.ts +27 -0
- package/lib/figures/dot-elements.d.ts +13 -13
- package/lib/figures/square-elements.d.ts +6 -6
- package/lib/plugins/border.d.ts +5 -2
- package/lib/qr-code-styling-node.js +118 -37
- package/lib/qr-code-styling-node.js.map +1 -1
- package/lib/qr-code-styling.js +1 -1
- package/lib/qr-code-styling.js.map +1 -1
- package/lib/types/helper.d.ts +2 -0
- package/lib/utils/options.d.ts +3 -1
- package/lib/utils/random.d.ts +1 -0
- package/package.json +3 -3
package/lib/border-plugin.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
let t=/\.?0+$/;function e(e){return"string"==typeof e?e:e.toFixed(7).replace(t,"")}function i(t,...i){return t.reduce((t,r,s)=>{let o="";return s&&(o=i[s-1]),"number"==typeof o&&(o=e(o)),`${t}${o}${r}`},"").trim().replace(/[\s\n\r]+/gim," ")}var r,s=r||={};s.top="top",s.bottom="bottom",s.left="left",s.right="right";export var BorderPlugin=class{pluginOptions;
|
|
1
|
+
let t=/\.?0+$/;function e(e){return"string"==typeof e?e:e.toFixed(7).replace(t,"")}function i(t,...i){return t.reduce((t,r,s)=>{let o="";return s&&(o=i[s-1]),"number"==typeof o&&(o=e(o)),`${t}${o}${r}`},"").trim().replace(/[\s\n\r]+/gim," ")}var r,s=r||={};s.top="top",s.bottom="bottom",s.left="left",s.right="right";export var BorderPlugin=class{pluginOptions;idSuffix;constructor(t,e=Math.random().toFixed(10).substring(2)){this.pluginOptions=t,this.idSuffix=e}postProcess(t,s){let{document:o}=s,$=this.pluginOptions.size,n=function(t,i){i=Math.max(i,0),t.setAttribute("width",e(parseFloat(t.getAttribute("width")||"0")+2*i)),t.setAttribute("height",e(parseFloat(t.getAttribute("height")||"0")+2*i));let r=(t.getAttribute("viewBox")||"").split(" ").map((t,e)=>parseFloat(t)+(e<2?-1:2)*i);if(t.setAttribute("viewBox",r.map(e).join(" ")),!(r.length<4))return{left:r[0],right:r[2]+r[0],top:r[1],bottom:r[3]+r[1]}}(t,$+(this.pluginOptions.margin||0));if(n){$=Math.abs($);var a=(n.left+n.right)/2,h=(n.top+n.bottom)/2,p=Math.min(s.width,s.height)/2*(1-(this.pluginOptions.round||0)),l=Math.min(n.right-n.left-2*$,n.bottom-n.top-2*$)/2-p+$/2,u=this.pluginOptions.round?l:0,g=this.pluginOptions.round?p:p+l;(s=o.createElementNS("http://www.w3.org/2000/svg","rect")).setAttribute("width",e(2*(g+u))),s.setAttribute("height",e(2*(g+u))),s.setAttribute("x",e(a-g-u)),s.setAttribute("y",e(h-g-u)),s.setAttribute("rx",e(u)),s.setAttribute("fill","none"),s.setAttribute("stroke",this.pluginOptions.color),s.setAttribute("stroke-width",e($)),this.pluginOptions.dasharray&&s.setAttribute("stroke-dasharray",this.pluginOptions.dasharray),t.appendChild(s),[r.left,r.top,r.right,r.bottom].forEach(s=>{var $=this.pluginOptions.text,n=$?.[s];if(n){let d=Array.from(t.childNodes).find(t=>"DEFS"==t.tagName.toUpperCase());d||(d=o.createElementNS("http://www.w3.org/2000/svg","defs"),t.appendChild(d));let b=o.createElementNS("http://www.w3.org/2000/svg","path"),f=n.size||$.size||1;switch(u=this.pluginOptions.round?l-f/3:0,g=this.pluginOptions.round?p:p+(l-f/3),s){case r.top:b.setAttribute("d",i`M ${a} ${h+u+g} h ${-g} a ${u} ${u} 0 0 1 ${-u} ${-u} v ${-2*g} a ${u} ${u} 0 0 1 ${u} ${-u} h ${2*g} a ${u} ${u} 0 0 1 ${u} ${u} v ${2*g} a ${u} ${u} 0 0 1 ${-u} ${u} h ${-g}`);break;case r.bottom:this.pluginOptions.round?u+=2*f/3:g+=2*f/3,b.setAttribute("d",i`M ${a} ${h-u-g} h ${-g} a ${u} ${u} 0 0 0 ${-u} ${u} v ${2*g} a ${u} ${u} 0 0 0 ${u} ${u} h ${2*g} a ${u} ${u} 0 0 0 ${u} ${-u} v ${-2*g} a ${u} ${u} 0 0 0 ${-u} ${-u} h ${-g}`);break;case r.left:b.setAttribute("d",i`M ${a+u+g} ${h} v ${g} a ${u} ${u} 0 0 1 ${-u} ${u} h ${-2*g} a ${u} ${u} 0 0 1 ${-u} ${-u} v ${-2*g} a ${u} ${u} 0 0 1 ${u} ${-u} h ${2*g} a ${u} ${u} 0 0 1 ${u} ${u} v ${g}`);break;case r.right:b.setAttribute("d",i`M ${a-u-g} ${h} v ${-g} a ${u} ${u} 0 0 1 ${u} ${-u} h ${2*g} a ${u} ${u} 0 0 1 ${u} ${u} v ${2*g} a ${u} ${u} 0 0 1 ${-u} ${u} h ${-2*g} a ${u} ${u} 0 0 1 ${-u} ${-u} v ${-g}`)}s=`border-text-${s}-${this.idSuffix}`,b.setAttribute("id",s),b.setAttribute("fill","none");let w=o.createElementNS("http://www.w3.org/2000/svg","tspan");w.setAttribute("font-family",n.font||$.font||"sans-serif"),w.setAttribute("fill",n.color||$.color||"#000"),w.setAttribute("font-weight",e(n.fontWeight||$.fontWeight||"normal")),w.setAttribute("font-style",n.fontStyle||$.fontStyle||"normal"),w.setAttribute("font-size",e(f)),w.textContent=n.content,($=o.createElementNS("http://www.w3.org/2000/svg","textPath")).setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","#"+s),$.setAttribute("startOffset","50%"),$.setAttribute("text-anchor","middle"),$.appendChild(w),(n=o.createElementNS("http://www.w3.org/2000/svg","text")).appendChild($),d.appendChild(b),t.appendChild(n)}})}}};
|
|
2
2
|
//# sourceMappingURL=border-plugin.js.map
|
package/lib/border-plugin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"border-plugin.js","sources":["../src/utils/svg.ts","../src/plugins/border.ts"],"sourcesContent":["import { RotateFigureArgs } from '../types/helper.js'\r\n\r\nconst rx = /\\.?0+$/\r\n\r\nexport function numToAttr(value: number | string) {\r\n if (typeof value == 'string') return value\r\n return value.toFixed(7).replace(rx, '')\r\n}\r\n\r\nexport function svgPath(strings: TemplateStringsArray, ...values: unknown[]) {\r\n return strings\r\n .reduce((t, v, i) => {\r\n let p: unknown = ''\r\n if (i) p = values[i - 1]\r\n if (typeof p == 'number') p = numToAttr(p)\r\n return `${t}${p}${v}`\r\n }, '')\r\n .trim()\r\n .replace(/[\\s\\n\\r]+/gim, ' ')\r\n}\r\n\r\nexport function rotateFigure<T extends SVGElement | ReadonlyArray<SVGElement>>({ draw, ...args }: RotateFigureArgs<T>) {\r\n const { x, y, size, rotation = 0 } = args\r\n const cx = x + size / 2\r\n const cy = y + size / 2\r\n\r\n const element = draw(args)\r\n if (rotation) (Array.isArray(element) ? element : [element])\r\n .forEach(el => el.setAttribute('transform', `rotate(${numToAttr((180 * rotation) / Math.PI)},${cx},${cy})`))\r\n return element\r\n}\r\n\r\nexport function scalePath(path: Array<string | number>, { x, y, size }: {\r\n x: number\r\n y: number\r\n size: number\r\n}) {\r\n let move = false\r\n let i = 0\r\n return path\r\n .map((v) => {\r\n if (typeof v == 'string') {\r\n i = 0\r\n move = v.toUpperCase() == v\r\n return v\r\n }\r\n i++\r\n v = v * size\r\n if (move) {\r\n v += i % 2 == 1 ? x : y\r\n }\r\n return numToAttr(v)\r\n })\r\n .join(' ')\r\n}\r\n\r\nexport function extendSVG(svg: SVGSVGElement, padding: number) {\r\n padding = Math.max(padding, 0)\r\n svg.setAttribute('width', numToAttr(parseFloat(svg.getAttribute('width') || '0') + 2 * padding))\r\n svg.setAttribute('height', numToAttr(parseFloat(svg.getAttribute('height') || '0') + 2 * padding))\r\n const vb = (svg.getAttribute('viewBox') || '').split(' ').map((v, i) => parseFloat(v) + (i < 2 ? -1 : 2) * padding)\r\n svg.setAttribute('viewBox', vb.map(numToAttr).join(' '))\r\n if (vb.length < 4)\r\n return undefined\r\n return {\r\n left: vb[0],\r\n right: vb[2] + vb[0],\r\n top: vb[1],\r\n bottom: vb[3] + vb[1]\r\n }\r\n}\r\n","import { Options, Plugin } from '../utils/options.js'\r\nimport { extendSVG, numToAttr, svgPath } from './utils.js'\r\n\r\nenum TextPosition {\r\n top = 'top',\r\n bottom = 'bottom',\r\n left = 'left',\r\n right = 'right'\r\n}\r\n\r\nexport interface TextConfig {\r\n font?: string\r\n color?: string\r\n size?: number\r\n fontWeight?: 'normal' | 'bold' | 'bolder' | 'lighter' | number\r\n fontStyle?: 'normal' | 'italic' | 'oblique'\r\n}\r\n\r\nexport interface BorderPluginOptions {\r\n /** Border roundnes, from 0 (square) to 1 (circle) */\r\n round?: number\r\n size: number\r\n color: string\r\n dasharray?: string\r\n margin?: number\r\n text?: TextConfig & {\r\n [key in TextPosition]?: TextConfig & {\r\n content: string\r\n }\r\n }\r\n}\r\n\r\nexport class BorderPlugin implements Plugin {\r\n\r\n constructor(private readonly pluginOptions: BorderPluginOptions, private readonly id = Math.random().toFixed(10).substring(2)) { }\r\n\r\n postProcess(svg: SVGSVGElement, options: Options) {\r\n const { document } = options\r\n const margin = this.pluginOptions.margin || 0\r\n let thickness = this.pluginOptions.size\r\n const drawArea = extendSVG(svg, thickness + margin)\r\n if (!drawArea)\r\n return\r\n\r\n thickness = Math.abs(thickness)\r\n\r\n const cx = (drawArea.left + drawArea.right) / 2\r\n const cy = (drawArea.top + drawArea.bottom) / 2\r\n const lineSize = Math.min(options.width, options.height) / 2 * (1 - (this.pluginOptions.round || 0))\r\n const r = (Math.min(drawArea.right - drawArea.left - 2 * thickness, drawArea.bottom - drawArea.top - 2 * thickness) / 2) - lineSize + thickness / 2\r\n\r\n let pathR = this.pluginOptions.round ? r : 0\r\n let pathL = this.pluginOptions.round ? lineSize : lineSize + r\r\n\r\n const borderEl = document.createElementNS('http://www.w3.org/2000/svg', 'rect')\r\n borderEl.setAttribute('width', numToAttr((pathL + pathR) * 2))\r\n borderEl.setAttribute('height', numToAttr((pathL + pathR) * 2))\r\n borderEl.setAttribute('x', numToAttr(cx - pathL - pathR))\r\n borderEl.setAttribute('y', numToAttr(cy - pathL - pathR))\r\n borderEl.setAttribute('rx', numToAttr(pathR))\r\n borderEl.setAttribute('fill', 'none')\r\n borderEl.setAttribute('stroke', this.pluginOptions.color)\r\n borderEl.setAttribute('stroke-width', numToAttr(thickness))\r\n if (this.pluginOptions.dasharray) {\r\n borderEl.setAttribute('stroke-dasharray', this.pluginOptions.dasharray)\r\n }\r\n\r\n svg.appendChild(borderEl);\r\n\r\n [TextPosition.left, TextPosition.top, TextPosition.right, TextPosition.bottom].forEach(postion => {\r\n const textCfg = this.pluginOptions.text\r\n const config = textCfg?.[postion]\r\n if (config) {\r\n let defs = Array.from(svg.childNodes).find(v => (v as HTMLElement).tagName.toUpperCase() == 'DEFS')\r\n if (!defs) {\r\n defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs')\r\n svg.appendChild(defs)\r\n }\r\n const element = document.createElementNS('http://www.w3.org/2000/svg', 'path')\r\n const size = (config.size || textCfg.size || 1)\r\n pathR = this.pluginOptions.round ? r - size / 3 : 0\r\n pathL = this.pluginOptions.round ? lineSize : lineSize + (r - size / 3)\r\n switch (postion) {\r\n case TextPosition.top:\r\n element.setAttribute(\r\n 'd',\r\n svgPath`M ${cx} ${cy + pathR + pathL}\r\n h ${-pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${-pathR} ${-pathR}\r\n v ${-2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${pathR} ${-pathR}\r\n h ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${pathR} ${pathR}\r\n v ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${-pathR} ${pathR}\r\n h ${-pathL}`\r\n )\r\n break\r\n case TextPosition.bottom:\r\n if (this.pluginOptions.round)\r\n pathR += size * 2 / 3\r\n else\r\n pathL += size * 2 / 3\r\n element.setAttribute(\r\n 'd',\r\n svgPath`M ${cx} ${cy - pathR - pathL}\r\n h ${-pathL}\r\n a ${pathR} ${pathR} 0 0 0 ${-pathR} ${pathR}\r\n v ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 0 ${pathR} ${pathR}\r\n h ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 0 ${pathR} ${-pathR}\r\n v ${-2 * pathL}\r\n a ${pathR} ${pathR} 0 0 0 ${-pathR} ${-pathR}\r\n h ${-pathL}`\r\n )\r\n break\r\n case TextPosition.left:\r\n element.setAttribute(\r\n 'd',\r\n svgPath`M ${cx + pathR + pathL} ${cy}\r\n v ${pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${-pathR} ${pathR}\r\n h ${-2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${-pathR} ${-pathR}\r\n v ${-2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${pathR} ${-pathR}\r\n h ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${pathR} ${pathR}\r\n v ${pathL}`\r\n )\r\n break\r\n case TextPosition.right:\r\n element.setAttribute(\r\n 'd',\r\n svgPath`M ${cx - pathR - pathL} ${cy}\r\n v ${-pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${pathR} ${-pathR}\r\n h ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${pathR} ${pathR}\r\n v ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${-pathR} ${pathR}\r\n h ${-2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${-pathR} ${-pathR}\r\n v ${-pathL}`\r\n )\r\n break\r\n }\r\n const id = `border-text-${postion}-${this.id}`\r\n element.setAttribute('id', id)\r\n element.setAttribute('fill', 'none')\r\n\r\n const span = document.createElementNS('http://www.w3.org/2000/svg', 'tspan')\r\n span.setAttribute('font-family', config.font || textCfg.font || 'sans-serif')\r\n span.setAttribute('fill', config.color || textCfg.color || '#000')\r\n span.setAttribute('font-weight', numToAttr(config.fontWeight || textCfg.fontWeight || 'normal'))\r\n span.setAttribute('font-style', config.fontStyle || textCfg.fontStyle || 'normal')\r\n span.setAttribute('font-size', numToAttr(size))\r\n span.textContent = config.content\r\n\r\n const textPath = document.createElementNS('http://www.w3.org/2000/svg', 'textPath')\r\n textPath.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#' + id)\r\n textPath.setAttribute('startOffset', '50%')\r\n textPath.setAttribute('text-anchor', 'middle')\r\n textPath.appendChild(span)\r\n\r\n const text = document.createElementNS('http://www.w3.org/2000/svg', 'text')\r\n text.appendChild(textPath)\r\n\r\n defs.appendChild(element)\r\n svg.appendChild(text)\r\n }\r\n })\r\n }\r\n}\r\n"],"names":["rx","numToAttr","value","toFixed","replace","svgPath","strings","values","reduce","t","v","i","p","trim","TextPosition","B","top","bottom","left","right","pluginOptions","id","constructor","Math","random","substring","this","postProcess","svg","options","document","thickness","size","drawArea","extendSVG","padding","max","setAttribute","parseFloat","getAttribute","split","map","vb","join","length","margin","abs","cx","cy","lineSize","min","width","height","round","pathR","r","pathL","borderEl","createElementNS","color","dasharray","appendChild","forEach","postion","text","textCfg","config","defs","Array","from","childNodes","find","tagName","toUpperCase","element","span","font","fontWeight","fontStyle","textContent","content","setAttributeNS","textPath"],"mappings":"AAEA,IAAAA,WAEMC,SAAUA,EAAUC,GACtB,MAAoB,iBAATA,EAA0BA,EAC9BA,EAAMC,QAAQ,GAAGC,QAAQJ,EAAI,GAFQ,UAKhCK,EAAQC,KAAkCC,GACtD,SACKC,OAAO,CAACC,EAAGC,EAAGC,KACX,IAAIC,EAAa,cACVA,EAAIL,EAAOI,EAAI,IACN,iBAALC,IAAeA,EAAIX,EAAUW,OAC9BH,IAAIG,IAAIF,KACnB,IACFG,OACAT,QAAQ,eAAgB,IAT0C,CCN3E,IAAKU,EAAAC,EAAAD,IAAY,CAAA,EACbA,EAAAE,IAAA,MACAF,EAAAG,OAAA,SACAH,EAAAI,KAAA,OACAJ,EAAAK,MAAA,sCA2B6BC,cAAqDC,GAAlFC,WAAAA,CAA6BF,EAAqDC,EAAKE,KAAKC,SAASrB,QAAQ,IAAIsB,UAAU,IAA9FC,KAAAN,cAAAA,EAAqDM,KAAAL,GAAAA,CAA2C,CAE7HM,WAAAA,CAAYC,EAAoBC,GAC5B,IAAMC,SAAAA,KAEFC,EAAYL,KAAKN,cAAcY,KACnCC,EDgBFC,SAAoBN,EAAoBO,GAC1CA,EAAUZ,KAAKa,IAAID,EAAS,GAC5BP,EAAIS,aAAa,QAASpC,EAAUqC,WAAWV,EAAIW,aAAa,UAAY,KAAO,EAAIJ,IACvFP,EAAIS,aAAa,SAAUpC,EAAUqC,WAAWV,EAAIW,aAAa,WAAa,KAAO,EAAIJ,IACzF,OAAQP,EAAIW,yBAA2B,IAAMC,MAAE,KAASC,IAAE,CAAG/B,EAAGC,IAAG2B,eAAkB3B,EAAK,GAAI,KAASwB,GAEvG,KADIE,aAAa,UAAWK,EAAGD,IAAIxC,GAAW0C,KAAK,QAC/CD,EAAGE,OAAS,GAEhB,MAAO,CACH1B,KAAMwB,EAAG,GACTvB,MAAOuB,EAAG,GAAKA,EAAG,GAClB1B,IAAK0B,EAAG,GACRzB,OAAQyB,EAAG,GAAKA,EAAG,GAZkC,CChBvCR,CAAGN,EAAaG,GAFlBL,KAAGN,cAAKyB,QAAoB,IAGxC,GAAKZ,EAAL,CAGAF,EAAYR,KAAKuB,IAAIf,GAErB,IAAAgB,GAAQd,EAAIf,KAAae,EAAGd,OAAc,EAC1C6B,GAAQf,EAAIjB,IAAYiB,EAAGhB,QAAe,EAC1CgC,EAAc1B,KAAG2B,IAAKrB,EAAIsB,MAAatB,EAAEuB,QAAe,GAAI,GAAK1B,KAAIN,cAAKiC,OAAmB,MACtF9B,KAAI2B,IAAKjB,EAAId,MAAcc,EAAGf,KAAa,EAAIa,EAAYE,EAAEhB,OAAegB,QAAmBF,KAAiBkB,EAAYlB,IAE/HuB,EAAQ5B,KAAKN,cAAciC,MAAQE,EAAI,EACvCC,EAAQ9B,KAAKN,cAAciC,MAAQJ,EAAWA,EAAWM,GAE7DE,EAAc3B,EAAG4B,6CAAqD,SAC7DrB,aAAa,QAASpC,EAA4B,GAAjBuD,EAAQF,KAClDG,EAASpB,aAAa,SAAUpC,EAA4B,GAAjBuD,EAAQF,KACnDG,EAASpB,aAAa,IAAKpC,EAAU8C,EAAKS,EAAQF,MACzCjB,aAAa,IAAKpC,EAAU+C,EAAKQ,EAAQF,MACzCjB,aAAa,KAAMpC,EAAUqD,MAC7BjB,aAAa,OAAQ,QAC9BoB,EAASpB,aAAa,SAAUX,KAAKN,cAAcuC,SAC1CtB,aAAa,eAAgBpC,EAAU8B,IAC5CL,KAAKN,cAAcwC,WACnBH,EAASpB,aAAa,mBAAoBX,KAAKN,cAAcwC,aAG7DC,YAAYJ,IAEf3C,EAAaI,KAAMJ,EAAaE,IAAKF,EAAaK,MAAOL,EAAaG,QAAQ6C,QAAQC,IACnF,MAAarC,mBAAQsC,OACTC,IAAUF,GACtB,GAAIG,EAAQ,CACR,IAAIC,EAAOC,MAAMC,KAAKzC,EAAI0C,YAAYC,KAAK7D,GAAiD,QAA3CA,EAAkB8D,QAAQC,eACtEN,IACDA,EAAOrC,EAAS4B,gBAAgB,6BAA8B,QAC9D9B,EAAIiC,YAAYM,QAEpBO,EAAa5C,EAAG4B,6CAAqD,QACrE1B,EAAUkC,EAAIlC,MAAWiC,EAAIjC,MAAY,EAGzC,OAFAsB,EAAQ5B,KAAKN,cAAciC,MAAQE,EAAIvB,EAAO,EAAI,EAClDwB,EAAQ9B,KAAKN,cAAciC,MAAQJ,EAAWA,GAAYM,EAAIvB,EAAO,GAC7D+B,GACJ,KAAKjD,EAAaE,IACd0D,EAAQrC,aACJ,IACAhC,CAAA,KAAY0C,KAAMC,EAAKM,EAAQE,QAC5BA,OACDF,KAASA,YAAgBA,MAAUA,QACnC,EAAKE,OACLF,KAASA,WAAeA,MAAUA,OAClC,EAAIE,OACJF,KAASA,WAAeA,KAASA,OACjC,EAAIE,OACJF,KAASA,YAAgBA,KAASA,QACjCE,WAGX,KAAK1C,EAAaG,OACVS,KAAKN,cAAciC,MACnBC,GAAgB,EAAPtB,EAAW,EAEpBwB,GAAgB,EAAPxB,EAAW,EACxB0C,EAAQrC,aACJ,IACAhC,CAAA,KAAY0C,KAAMC,EAAKM,EAAQE,QAC5BA,OACDF,KAASA,YAAgBA,KAASA,OAClC,EAAIE,OACJF,KAASA,WAAeA,KAASA,OACjC,EAAIE,OACJF,KAASA,WAAeA,MAAUA,QAClC,EAAKE,OACLF,KAASA,YAAgBA,MAAUA,QAClCE,KAEP,MACJ,KAAK1C,EAAaI,KACdwD,EAAQrC,aACJ,IACAhC,CAAA,KAAY0C,EAAKO,EAAQE,KAASR,OAChCQ,OACAF,KAASA,YAAgBA,KAASA,QAClC,EAAKE,OACLF,KAASA,YAAgBA,MAAUA,QACnC,EAAKE,OACLF,KAASA,WAAeA,MAAUA,OAClC,EAAIE,OACJF,KAASA,WAAeA,KAASA,OACjCE,WAGV,KAAK1C,EAAaK,MACduD,EAAQrC,aACJ,IACAhC,CAAA,KAAY0C,EAAKO,EAAQE,KAASR,QAC/BQ,OACDF,KAASA,WAAeA,MAAUA,OAClC,EAAIE,OACJF,KAASA,WAAeA,KAASA,OACjC,EAAIE,OACJF,KAASA,YAAgBA,KAASA,QAClC,EAAKE,OACLF,KAASA,YAAgBA,MAAUA,QAClCE,KAIfnC,EAAQ,eAAG0C,UAA0B1C,KACrCqD,EAAQrC,aAAa,KAAMhB,GAC3BqD,EAAQrC,aAAa,OAAQ,QAE7B,IAAAsC,EAAU7C,EAAG4B,6CAAqD,WAC7DrB,aAAa,cAAe6B,EAAOU,MAAQX,EAAQW,MAAQ,cAChED,EAAKtC,aAAa,OAAQ6B,EAAOP,OAASM,EAAQN,OAAS,QAC3DgB,EAAKtC,aAAa,cAAepC,EAAUiE,EAAOW,YAAcZ,EAAQY,YAAc,WACtFF,EAAKtC,aAAa,aAAc6B,EAAOY,WAAab,EAAQa,WAAa,YACpEzC,aAAa,YAAapC,EAAU+B,IACzC2C,EAAKI,YAAcb,EAAOc,WAEZlD,EAAG4B,6CAAqD,aAC7DuB,eAAe,+BAAgC,aAAc,IAAM5D,KACnEgB,aAAa,cAAe,OACrC6C,EAAS7C,aAAa,cAAe,YAC5BwB,YAAYc,MAEX7C,EAAG4B,6CAAqD,SAC7DG,YAAYqB,KAEZrB,YAAYa,GACjB9C,EAAIiC,YAAYG,EAlGR,GA/BhB,CAL4C"}
|
|
1
|
+
{"version":3,"file":"border-plugin.js","sources":["../src/utils/svg.ts","../src/plugins/border.ts"],"sourcesContent":["import { RotateFigureArgs } from '../types/helper.js'\r\n\r\nconst rx = /\\.?0+$/\r\n\r\nexport function numToAttr(value: number | string) {\r\n if (typeof value == 'string') return value\r\n return value.toFixed(7).replace(rx, '')\r\n}\r\n\r\nexport function svgPath(strings: TemplateStringsArray, ...values: unknown[]) {\r\n return strings\r\n .reduce((t, v, i) => {\r\n let p: unknown = ''\r\n if (i) p = values[i - 1]\r\n if (typeof p == 'number') p = numToAttr(p)\r\n return `${t}${p}${v}`\r\n }, '')\r\n .trim()\r\n .replace(/[\\s\\n\\r]+/gim, ' ')\r\n}\r\n\r\nexport function rotateFigure<T extends SVGElement | ReadonlyArray<SVGElement>>({ draw, ...args }: RotateFigureArgs<T>) {\r\n const { x, y, size, rotation = 0 } = args\r\n const cx = x + size / 2\r\n const cy = y + size / 2\r\n\r\n const element = draw(args)\r\n if (rotation) (Array.isArray(element) ? element : [element])\r\n .forEach(el => el.setAttribute('transform', `rotate(${numToAttr((180 * rotation) / Math.PI)},${cx},${cy})`))\r\n return element\r\n}\r\n\r\nexport function scalePath(path: Array<string | number>, { x, y, size }: {\r\n x: number\r\n y: number\r\n size: number\r\n}) {\r\n let move = false\r\n let i = 0\r\n return path\r\n .map((v) => {\r\n if (typeof v == 'string') {\r\n i = 0\r\n move = v.toUpperCase() == v\r\n return v\r\n }\r\n i++\r\n v = v * size\r\n if (move) {\r\n v += i % 2 == 1 ? x : y\r\n }\r\n return numToAttr(v)\r\n })\r\n .join(' ')\r\n}\r\n\r\nexport function extendSVG(svg: SVGSVGElement, padding: number) {\r\n padding = Math.max(padding, 0)\r\n svg.setAttribute('width', numToAttr(parseFloat(svg.getAttribute('width') || '0') + 2 * padding))\r\n svg.setAttribute('height', numToAttr(parseFloat(svg.getAttribute('height') || '0') + 2 * padding))\r\n const vb = (svg.getAttribute('viewBox') || '').split(' ').map((v, i) => parseFloat(v) + (i < 2 ? -1 : 2) * padding)\r\n svg.setAttribute('viewBox', vb.map(numToAttr).join(' '))\r\n if (vb.length < 4)\r\n return undefined\r\n return {\r\n left: vb[0],\r\n right: vb[2] + vb[0],\r\n top: vb[1],\r\n bottom: vb[3] + vb[1]\r\n }\r\n}\r\n","import { Options, Plugin } from '../utils/options.js'\r\nimport { extendSVG, numToAttr, svgPath } from './utils.js'\r\n\r\nenum TextPosition {\r\n top = 'top',\r\n bottom = 'bottom',\r\n left = 'left',\r\n right = 'right'\r\n}\r\n\r\nexport interface TextConfig {\r\n font?: string\r\n color?: string\r\n size?: number\r\n fontWeight?: 'normal' | 'bold' | 'bolder' | 'lighter' | number\r\n fontStyle?: 'normal' | 'italic' | 'oblique'\r\n}\r\n\r\nexport interface BorderPluginOptions {\r\n /** Border roundnes, from 0 (square) to 1 (circle) */\r\n round?: number\r\n size: number\r\n color: string\r\n dasharray?: string\r\n margin?: number\r\n text?: TextConfig & {\r\n [key in TextPosition]?: TextConfig & {\r\n content: string\r\n }\r\n }\r\n}\r\n\r\nexport class BorderPlugin implements Plugin {\r\n\r\n constructor(\r\n private readonly pluginOptions: BorderPluginOptions,\r\n /** @ignore Create unique id for SVG elements to prevent naming collisions; specify your own if neccesary e.g. for testing */\r\n private readonly idSuffix = Math.random().toFixed(10).substring(2)\r\n ) { }\r\n\r\n postProcess(svg: SVGSVGElement, options: Options) {\r\n const { document } = options\r\n const margin = this.pluginOptions.margin || 0\r\n let thickness = this.pluginOptions.size\r\n const drawArea = extendSVG(svg, thickness + margin)\r\n if (!drawArea)\r\n return\r\n\r\n thickness = Math.abs(thickness)\r\n\r\n const cx = (drawArea.left + drawArea.right) / 2\r\n const cy = (drawArea.top + drawArea.bottom) / 2\r\n const lineSize = Math.min(options.width, options.height) / 2 * (1 - (this.pluginOptions.round || 0))\r\n const r = (Math.min(drawArea.right - drawArea.left - 2 * thickness, drawArea.bottom - drawArea.top - 2 * thickness) / 2) - lineSize + thickness / 2\r\n\r\n let pathR = this.pluginOptions.round ? r : 0\r\n let pathL = this.pluginOptions.round ? lineSize : lineSize + r\r\n\r\n const borderEl = document.createElementNS('http://www.w3.org/2000/svg', 'rect')\r\n borderEl.setAttribute('width', numToAttr((pathL + pathR) * 2))\r\n borderEl.setAttribute('height', numToAttr((pathL + pathR) * 2))\r\n borderEl.setAttribute('x', numToAttr(cx - pathL - pathR))\r\n borderEl.setAttribute('y', numToAttr(cy - pathL - pathR))\r\n borderEl.setAttribute('rx', numToAttr(pathR))\r\n borderEl.setAttribute('fill', 'none')\r\n borderEl.setAttribute('stroke', this.pluginOptions.color)\r\n borderEl.setAttribute('stroke-width', numToAttr(thickness))\r\n if (this.pluginOptions.dasharray) {\r\n borderEl.setAttribute('stroke-dasharray', this.pluginOptions.dasharray)\r\n }\r\n\r\n svg.appendChild(borderEl);\r\n\r\n [TextPosition.left, TextPosition.top, TextPosition.right, TextPosition.bottom].forEach(postion => {\r\n const textCfg = this.pluginOptions.text\r\n const config = textCfg?.[postion]\r\n if (config) {\r\n let defs = Array.from(svg.childNodes).find(v => (v as HTMLElement).tagName.toUpperCase() == 'DEFS')\r\n if (!defs) {\r\n defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs')\r\n svg.appendChild(defs)\r\n }\r\n const element = document.createElementNS('http://www.w3.org/2000/svg', 'path')\r\n const size = (config.size || textCfg.size || 1)\r\n pathR = this.pluginOptions.round ? r - size / 3 : 0\r\n pathL = this.pluginOptions.round ? lineSize : lineSize + (r - size / 3)\r\n switch (postion) {\r\n case TextPosition.top:\r\n element.setAttribute(\r\n 'd',\r\n svgPath`M ${cx} ${cy + pathR + pathL}\r\n h ${-pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${-pathR} ${-pathR}\r\n v ${-2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${pathR} ${-pathR}\r\n h ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${pathR} ${pathR}\r\n v ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${-pathR} ${pathR}\r\n h ${-pathL}`\r\n )\r\n break\r\n case TextPosition.bottom:\r\n if (this.pluginOptions.round)\r\n pathR += size * 2 / 3\r\n else\r\n pathL += size * 2 / 3\r\n element.setAttribute(\r\n 'd',\r\n svgPath`M ${cx} ${cy - pathR - pathL}\r\n h ${-pathL}\r\n a ${pathR} ${pathR} 0 0 0 ${-pathR} ${pathR}\r\n v ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 0 ${pathR} ${pathR}\r\n h ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 0 ${pathR} ${-pathR}\r\n v ${-2 * pathL}\r\n a ${pathR} ${pathR} 0 0 0 ${-pathR} ${-pathR}\r\n h ${-pathL}`\r\n )\r\n break\r\n case TextPosition.left:\r\n element.setAttribute(\r\n 'd',\r\n svgPath`M ${cx + pathR + pathL} ${cy}\r\n v ${pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${-pathR} ${pathR}\r\n h ${-2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${-pathR} ${-pathR}\r\n v ${-2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${pathR} ${-pathR}\r\n h ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${pathR} ${pathR}\r\n v ${pathL}`\r\n )\r\n break\r\n case TextPosition.right:\r\n element.setAttribute(\r\n 'd',\r\n svgPath`M ${cx - pathR - pathL} ${cy}\r\n v ${-pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${pathR} ${-pathR}\r\n h ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${pathR} ${pathR}\r\n v ${2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${-pathR} ${pathR}\r\n h ${-2 * pathL}\r\n a ${pathR} ${pathR} 0 0 1 ${-pathR} ${-pathR}\r\n v ${-pathL}`\r\n )\r\n break\r\n }\r\n const id = `border-text-${postion}-${this.idSuffix}`\r\n element.setAttribute('id', id)\r\n element.setAttribute('fill', 'none')\r\n\r\n const span = document.createElementNS('http://www.w3.org/2000/svg', 'tspan')\r\n span.setAttribute('font-family', config.font || textCfg.font || 'sans-serif')\r\n span.setAttribute('fill', config.color || textCfg.color || '#000')\r\n span.setAttribute('font-weight', numToAttr(config.fontWeight || textCfg.fontWeight || 'normal'))\r\n span.setAttribute('font-style', config.fontStyle || textCfg.fontStyle || 'normal')\r\n span.setAttribute('font-size', numToAttr(size))\r\n span.textContent = config.content\r\n\r\n const textPath = document.createElementNS('http://www.w3.org/2000/svg', 'textPath')\r\n textPath.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#' + id)\r\n textPath.setAttribute('startOffset', '50%')\r\n textPath.setAttribute('text-anchor', 'middle')\r\n textPath.appendChild(span)\r\n\r\n const text = document.createElementNS('http://www.w3.org/2000/svg', 'text')\r\n text.appendChild(textPath)\r\n\r\n defs.appendChild(element)\r\n svg.appendChild(text)\r\n }\r\n })\r\n }\r\n}\r\n"],"names":["rx","numToAttr","value","toFixed","replace","svgPath","strings","values","reduce","t","v","i","p","trim","TextPosition","B","top","bottom","left","right","pluginOptions","idSuffix","constructor","Math","random","substring","this","postProcess","svg","options","document","thickness","size","drawArea","extendSVG","padding","max","setAttribute","parseFloat","getAttribute","split","map","vb","join","length","margin","abs","cx","cy","lineSize","min","width","height","round","pathR","r","pathL","borderEl","createElementNS","color","dasharray","appendChild","forEach","postion","text","textCfg","config","defs","Array","from","childNodes","find","tagName","toUpperCase","element","id","span","font","fontWeight","fontStyle","textContent","content","textPath","setAttributeNS"],"mappings":"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"}
|
package/lib/core/qr-svg.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { DrawArgs } from '../types/helper.js';
|
|
2
2
|
import { CornerSquareType, Plugin } from '../utils/options.js';
|
|
3
|
-
export declare function getQrCornerSquareFigure(type: `${CornerSquareType}`): (args: DrawArgs) => readonly [
|
|
3
|
+
export declare function getQrCornerSquareFigure(type: `${CornerSquareType}`): (args: DrawArgs) => readonly [SVGElement, SVGElement];
|
|
4
4
|
export declare function drawPluginCornerSquare(plugins: Plugin[]): (args: DrawArgs) => readonly [SVGElement, SVGElement] | undefined;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { DrawArgs } from '../types/helper.js';
|
|
2
|
+
/**
|
|
3
|
+
* Draw square lines with rounded corners and endpoints
|
|
4
|
+
*/
|
|
5
|
+
export declare function roundedCorners({ x, y, size, document, getNeighbor }: DrawArgs, { corner, end }?: {
|
|
6
|
+
corner?: ((args: import("../types/helper.js").BasicFigureDrawArgs) => SVGElement) | undefined;
|
|
7
|
+
end?: ((args: import("../types/helper.js").BasicFigureDrawArgs, { height }?: {
|
|
8
|
+
height?: number | undefined;
|
|
9
|
+
}) => SVGElement) | undefined;
|
|
10
|
+
}): SVGElement;
|
|
11
|
+
/**
|
|
12
|
+
* Draw square lines with rounded corners and half-rounded endpoints
|
|
13
|
+
*/
|
|
14
|
+
export declare function classy({ x, y, size, document, getNeighbor }: DrawArgs, { corner }?: {
|
|
15
|
+
corner?: ((args: import("../types/helper.js").BasicFigureDrawArgs) => SVGElement) | undefined;
|
|
16
|
+
}): SVGElement;
|
|
17
|
+
/**
|
|
18
|
+
* Draw stripes with rounded or square endpoints
|
|
19
|
+
*/
|
|
20
|
+
export declare function stripes({ x, y, size, document, getNeighbor }: DrawArgs, { stripe, rotation, endpoint, dot }?: {
|
|
21
|
+
stripe?: number | undefined;
|
|
22
|
+
rotation?: number | undefined;
|
|
23
|
+
endpoint?: ((args: import("../types/helper.js").BasicFigureDrawArgs, { height }?: {
|
|
24
|
+
height?: number | undefined;
|
|
25
|
+
}) => SVGElement) | undefined;
|
|
26
|
+
dot?: ((args: import("../types/helper.js").BasicFigureDrawArgs) => SVGElement) | undefined;
|
|
27
|
+
}): SVGElement;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { BasicFigureDrawArgs } from '../types/helper.js';
|
|
2
2
|
export declare const DotElements: {
|
|
3
|
-
dot: (args: BasicFigureDrawArgs) =>
|
|
3
|
+
dot: (args: BasicFigureDrawArgs) => SVGElement;
|
|
4
4
|
square: (args: BasicFigureDrawArgs, { width, height }?: {
|
|
5
5
|
width?: number | undefined;
|
|
6
6
|
height?: number | undefined;
|
|
7
|
-
}) =>
|
|
7
|
+
}) => SVGElement;
|
|
8
8
|
sideRounded: (args: BasicFigureDrawArgs, { height }?: {
|
|
9
9
|
height?: number | undefined;
|
|
10
|
-
}) =>
|
|
11
|
-
cornerRounded: (args: BasicFigureDrawArgs) =>
|
|
12
|
-
cornerExtraRounded: (args: BasicFigureDrawArgs) =>
|
|
13
|
-
|
|
14
|
-
wave: (args: BasicFigureDrawArgs) =>
|
|
15
|
-
heart: (args: BasicFigureDrawArgs) =>
|
|
16
|
-
rounded: (args: BasicFigureDrawArgs) =>
|
|
17
|
-
classy: (args: BasicFigureDrawArgs) =>
|
|
18
|
-
inpoint: (args: BasicFigureDrawArgs) =>
|
|
10
|
+
}) => SVGElement;
|
|
11
|
+
cornerRounded: (args: BasicFigureDrawArgs) => SVGElement;
|
|
12
|
+
cornerExtraRounded: (args: BasicFigureDrawArgs) => SVGElement;
|
|
13
|
+
classyDot: (args: BasicFigureDrawArgs) => SVGElement;
|
|
14
|
+
wave: (args: BasicFigureDrawArgs) => SVGElement;
|
|
15
|
+
heart: (args: BasicFigureDrawArgs) => SVGElement;
|
|
16
|
+
rounded: (args: BasicFigureDrawArgs) => SVGElement;
|
|
17
|
+
classy: (args: BasicFigureDrawArgs) => SVGElement;
|
|
18
|
+
inpoint: (args: BasicFigureDrawArgs) => SVGElement;
|
|
19
19
|
star: (args: BasicFigureDrawArgs, { spikes, outerRadius, innerRadius }?: {
|
|
20
20
|
spikes?: number | undefined;
|
|
21
21
|
outerRadius?: number | undefined;
|
|
22
22
|
innerRadius?: number | undefined;
|
|
23
|
-
}) =>
|
|
24
|
-
weave: (args: BasicFigureDrawArgs) =>
|
|
23
|
+
}) => SVGElement;
|
|
24
|
+
weave: (args: BasicFigureDrawArgs) => SVGElement;
|
|
25
25
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { BasicFigureDrawArgs } from '../types/helper.js';
|
|
2
2
|
export declare const SquareElements: {
|
|
3
|
-
dot: (args: BasicFigureDrawArgs) =>
|
|
4
|
-
square: (args: BasicFigureDrawArgs) =>
|
|
5
|
-
extraRounded: (args: BasicFigureDrawArgs) =>
|
|
6
|
-
classy: (args: BasicFigureDrawArgs) =>
|
|
7
|
-
inpoint: (args: BasicFigureDrawArgs) =>
|
|
8
|
-
centerCircle: (args: BasicFigureDrawArgs) =>
|
|
3
|
+
dot: (args: BasicFigureDrawArgs) => [SVGElement, SVGElement];
|
|
4
|
+
square: (args: BasicFigureDrawArgs) => [SVGElement, SVGElement];
|
|
5
|
+
extraRounded: (args: BasicFigureDrawArgs) => [SVGElement, SVGElement];
|
|
6
|
+
classy: (args: BasicFigureDrawArgs) => [SVGElement, SVGElement];
|
|
7
|
+
inpoint: (args: BasicFigureDrawArgs) => [SVGElement, SVGElement];
|
|
8
|
+
centerCircle: (args: BasicFigureDrawArgs) => [SVGElement, SVGElement];
|
|
9
9
|
};
|
package/lib/plugins/border.d.ts
CHANGED
|
@@ -27,8 +27,11 @@ export interface BorderPluginOptions {
|
|
|
27
27
|
}
|
|
28
28
|
export declare class BorderPlugin implements Plugin {
|
|
29
29
|
private readonly pluginOptions;
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
/** @ignore Create unique id for SVG elements to prevent naming collisions; specify your own if neccesary e.g. for testing */
|
|
31
|
+
private readonly idSuffix;
|
|
32
|
+
constructor(pluginOptions: BorderPluginOptions,
|
|
33
|
+
/** @ignore Create unique id for SVG elements to prevent naming collisions; specify your own if neccesary e.g. for testing */
|
|
34
|
+
idSuffix?: string);
|
|
32
35
|
postProcess(svg: SVGSVGElement, options: Options): void;
|
|
33
36
|
}
|
|
34
37
|
export {};
|
|
@@ -50,7 +50,8 @@ function sanitizeGradient(gradient) {
|
|
|
50
50
|
DotType.square = "square", DotType.smallSquare = "small-square", DotType.tinySquare = "tiny-square",
|
|
51
51
|
DotType.diamond = "diamond", DotType.wave = "wave", DotType.heart = "heart", DotType.star = "star",
|
|
52
52
|
DotType.weave = "weave", DotType.pentagon = "pentagon", DotType.hexagon = "hexagon",
|
|
53
|
-
DotType.zebraHorizontal = "zebra-horizontal", DotType.zebraVertical = "zebra-vertical"
|
|
53
|
+
DotType.zebraHorizontal = "zebra-horizontal", DotType.zebraVertical = "zebra-vertical",
|
|
54
|
+
DotType.blocksHorizontal = "blocks-horizontal", DotType.blocksVertical = "blocks-vertical";
|
|
54
55
|
}(DotType || (DotType = {})), function(CornerDotType) {
|
|
55
56
|
CornerDotType.dot = "dot", CornerDotType.square = "square", CornerDotType.heart = "heart",
|
|
56
57
|
CornerDotType.extraRounded = "extra-rounded", CornerDotType.classy = "classy", CornerDotType.inpoint = "inpoint",
|
|
@@ -175,7 +176,7 @@ let DotElements = {
|
|
|
175
176
|
return element.setAttribute("d", svgPath`M ${x} ${y} v ${size} h ${size} a ${size} ${size} 0 0 0 ${-size} ${-size} z`),
|
|
176
177
|
element;
|
|
177
178
|
},
|
|
178
|
-
|
|
179
|
+
classyDot: args => {
|
|
179
180
|
const {size, x, y, document} = args, element = document.createElementNS("http://www.w3.org/2000/svg", "path");
|
|
180
181
|
return element.setAttribute("d", svgPath`M ${x} ${y} v ${size / 2} a ${size / 2} ${size / 2} 0 0 0 ${size / 2} ${size / 2} h ${size / 2} v ${-size / 2} a ${size / 2} ${size / 2} 0 0 0 ${-size / 2} ${-size / 2} z`),
|
|
181
182
|
element;
|
|
@@ -337,8 +338,8 @@ let SquareElements = {
|
|
|
337
338
|
[CornerSquareType.centerCircle]: args => SquareElements.centerCircle(args)
|
|
338
339
|
};
|
|
339
340
|
|
|
340
|
-
|
|
341
|
-
|
|
341
|
+
function roundedCorners({x, y, size, document, getNeighbor}, {corner = DotElements.cornerRounded, end = DotElements.sideRounded} = {}) {
|
|
342
|
+
let leftNeighbor = getNeighbor ? +getNeighbor(-1, 0) : 0, rightNeighbor = getNeighbor ? +getNeighbor(1, 0) : 0, topNeighbor = getNeighbor ? +getNeighbor(0, -1) : 0, bottomNeighbor = getNeighbor ? +getNeighbor(0, 1) : 0, neighborsCount = leftNeighbor + rightNeighbor + topNeighbor + bottomNeighbor;
|
|
342
343
|
if (0 === neighborsCount) return DotElements.dot({
|
|
343
344
|
x,
|
|
344
345
|
y,
|
|
@@ -375,15 +376,17 @@ let compoundDots_rounded = ({x, y, size, document, getNeighbor}, {corner = DotEl
|
|
|
375
376
|
draw: end
|
|
376
377
|
});
|
|
377
378
|
}
|
|
378
|
-
}
|
|
379
|
-
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
function classy({x, y, size, document, getNeighbor}, {corner = DotElements.cornerRounded} = {}) {
|
|
382
|
+
let leftNeighbor = getNeighbor ? +getNeighbor(-1, 0) : 0, rightNeighbor = getNeighbor ? +getNeighbor(1, 0) : 0, topNeighbor = getNeighbor ? +getNeighbor(0, -1) : 0, bottomNeighbor = getNeighbor ? +getNeighbor(0, 1) : 0;
|
|
380
383
|
return 0 === leftNeighbor + rightNeighbor + topNeighbor + bottomNeighbor ? rotateFigure({
|
|
381
384
|
x,
|
|
382
385
|
y,
|
|
383
386
|
size,
|
|
384
387
|
rotation: Math.PI / 2,
|
|
385
388
|
document,
|
|
386
|
-
draw: DotElements.
|
|
389
|
+
draw: DotElements.classyDot
|
|
387
390
|
}) : leftNeighbor || topNeighbor ? rightNeighbor || bottomNeighbor ? DotElements.square({
|
|
388
391
|
x,
|
|
389
392
|
y,
|
|
@@ -404,8 +407,10 @@ let compoundDots_rounded = ({x, y, size, document, getNeighbor}, {corner = DotEl
|
|
|
404
407
|
document,
|
|
405
408
|
draw: corner
|
|
406
409
|
});
|
|
407
|
-
}
|
|
408
|
-
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
function stripes({x, y, size, document, getNeighbor}, {stripe = size, rotation = 0, endpoint = DotElements.sideRounded, dot = DotElements.dot} = {}) {
|
|
413
|
+
let topNeighbor = getNeighbor ? +getNeighbor(0, -1) : 0, bottomNeighbor = getNeighbor ? +getNeighbor(0, 1) : 0;
|
|
409
414
|
return topNeighbor && bottomNeighbor ? rotateFigure({
|
|
410
415
|
x,
|
|
411
416
|
y,
|
|
@@ -426,7 +431,7 @@ let compoundDots_rounded = ({x, y, size, document, getNeighbor}, {corner = DotEl
|
|
|
426
431
|
size,
|
|
427
432
|
rotation,
|
|
428
433
|
document,
|
|
429
|
-
draw: args =>
|
|
434
|
+
draw: args => endpoint(args, {
|
|
430
435
|
height: stripe
|
|
431
436
|
})
|
|
432
437
|
})) : bottomNeighbor && !topNeighbor ? (rotation -= Math.PI / 2, rotateFigure({
|
|
@@ -435,7 +440,7 @@ let compoundDots_rounded = ({x, y, size, document, getNeighbor}, {corner = DotEl
|
|
|
435
440
|
size,
|
|
436
441
|
rotation,
|
|
437
442
|
document,
|
|
438
|
-
draw: args =>
|
|
443
|
+
draw: args => endpoint(args, {
|
|
439
444
|
height: stripe
|
|
440
445
|
})
|
|
441
446
|
})) : rotateFigure({
|
|
@@ -444,35 +449,39 @@ let compoundDots_rounded = ({x, y, size, document, getNeighbor}, {corner = DotEl
|
|
|
444
449
|
size,
|
|
445
450
|
rotation,
|
|
446
451
|
document,
|
|
447
|
-
draw: _ =>
|
|
452
|
+
draw: _ => dot({
|
|
448
453
|
x: x + (size - stripe) / 2,
|
|
449
454
|
y: y + (size - stripe) / 2,
|
|
450
455
|
size: stripe,
|
|
451
456
|
document
|
|
452
457
|
})
|
|
453
458
|
});
|
|
454
|
-
}
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
let qrDotFigures = {
|
|
455
462
|
[DotType.dot]: args => DotElements.dot(args),
|
|
456
|
-
[DotType.randomDot]: ({size, ...args}) => {
|
|
457
|
-
const randomFactor = .25 *
|
|
463
|
+
[DotType.randomDot]: ({size, x, y, getPRandom, ...args}) => {
|
|
464
|
+
const rnd = getPRandom || Math.random, randomFactor = .25 * rnd() + .75;
|
|
458
465
|
return DotElements.dot({
|
|
459
466
|
...args,
|
|
460
|
-
size: size * randomFactor
|
|
467
|
+
size: size * randomFactor,
|
|
468
|
+
x: x + size * rnd() * (1 - randomFactor),
|
|
469
|
+
y: y + size * rnd() * (1 - randomFactor)
|
|
461
470
|
});
|
|
462
471
|
},
|
|
463
|
-
[DotType.rounded]: args =>
|
|
464
|
-
[DotType.extraRounded]: args =>
|
|
472
|
+
[DotType.rounded]: args => roundedCorners(args),
|
|
473
|
+
[DotType.extraRounded]: args => roundedCorners(args, {
|
|
465
474
|
corner: DotElements.cornerExtraRounded
|
|
466
475
|
}),
|
|
467
|
-
[DotType.verticalLine]: args =>
|
|
468
|
-
[DotType.horizontalLine]: ({getNeighbor, ...args}) =>
|
|
476
|
+
[DotType.verticalLine]: args => stripes(args),
|
|
477
|
+
[DotType.horizontalLine]: ({getNeighbor, ...args}) => stripes({
|
|
469
478
|
...args,
|
|
470
479
|
getNeighbor: getNeighbor ? (x, y) => getNeighbor(y, x) : void 0
|
|
471
480
|
}, {
|
|
472
481
|
rotation: -Math.PI / 2
|
|
473
482
|
}),
|
|
474
|
-
[DotType.classy]: args =>
|
|
475
|
-
[DotType.classyRounded]: args =>
|
|
483
|
+
[DotType.classy]: args => classy(args),
|
|
484
|
+
[DotType.classyRounded]: args => classy(args, {
|
|
476
485
|
corner: DotElements.cornerExtraRounded
|
|
477
486
|
}),
|
|
478
487
|
[DotType.square]: args => DotElements.square(args),
|
|
@@ -496,7 +505,7 @@ let compoundDots_rounded = ({x, y, size, document, getNeighbor}, {corner = DotEl
|
|
|
496
505
|
height: .85 * args2.size
|
|
497
506
|
})
|
|
498
507
|
}),
|
|
499
|
-
[DotType.wave]: args =>
|
|
508
|
+
[DotType.wave]: args => roundedCorners(args, {
|
|
500
509
|
corner: DotElements.cornerExtraRounded,
|
|
501
510
|
end: DotElements.wave
|
|
502
511
|
}),
|
|
@@ -513,15 +522,63 @@ let compoundDots_rounded = ({x, y, size, document, getNeighbor}, {corner = DotEl
|
|
|
513
522
|
outerRadius: args.size / 2,
|
|
514
523
|
innerRadius: args.size / 2
|
|
515
524
|
}),
|
|
516
|
-
[DotType.zebraVertical]: args =>
|
|
525
|
+
[DotType.zebraVertical]: args => stripes(args, {
|
|
517
526
|
stripe: .8 * args.size
|
|
518
527
|
}),
|
|
519
|
-
[DotType.zebraHorizontal]: ({getNeighbor, ...args}) =>
|
|
528
|
+
[DotType.zebraHorizontal]: ({getNeighbor, ...args}) => stripes({
|
|
520
529
|
...args,
|
|
521
530
|
getNeighbor: getNeighbor ? (x, y) => getNeighbor(y, x) : void 0
|
|
522
531
|
}, {
|
|
523
532
|
stripe: .8 * args.size,
|
|
524
533
|
rotation: -Math.PI / 2
|
|
534
|
+
}),
|
|
535
|
+
[DotType.blocksVertical]: args => stripes(args, {
|
|
536
|
+
stripe: .8 * args.size,
|
|
537
|
+
endpoint: (_args, _params) => {
|
|
538
|
+
const rnd = args.getPRandom || Math.random, width = args.size * (1 - .25 * rnd()), x = args.x - (args.size - width) / 2;
|
|
539
|
+
return DotElements.square({
|
|
540
|
+
..._args,
|
|
541
|
+
x
|
|
542
|
+
}, {
|
|
543
|
+
..._params,
|
|
544
|
+
width
|
|
545
|
+
});
|
|
546
|
+
},
|
|
547
|
+
dot: _args => {
|
|
548
|
+
const rnd = args.getPRandom || Math.random, height = args.size * (1 - .25 * rnd()), y = args.y + (args.size - height) * rnd();
|
|
549
|
+
return DotElements.square({
|
|
550
|
+
..._args,
|
|
551
|
+
y
|
|
552
|
+
}, {
|
|
553
|
+
height
|
|
554
|
+
});
|
|
555
|
+
}
|
|
556
|
+
}),
|
|
557
|
+
[DotType.blocksHorizontal]: ({getNeighbor, ...args}) => stripes({
|
|
558
|
+
...args,
|
|
559
|
+
getNeighbor: getNeighbor ? (x, y) => getNeighbor(y, x) : void 0
|
|
560
|
+
}, {
|
|
561
|
+
stripe: .8 * args.size,
|
|
562
|
+
rotation: -Math.PI / 2,
|
|
563
|
+
endpoint: (_args, _params) => {
|
|
564
|
+
const rnd = args.getPRandom || Math.random, width = args.size * (1 - .25 * rnd()), x = args.x - (args.size - width) / 2;
|
|
565
|
+
return DotElements.square({
|
|
566
|
+
..._args,
|
|
567
|
+
x
|
|
568
|
+
}, {
|
|
569
|
+
..._params,
|
|
570
|
+
width
|
|
571
|
+
});
|
|
572
|
+
},
|
|
573
|
+
dot: _args => {
|
|
574
|
+
const rnd = args.getPRandom || Math.random, height = args.size * (1 - .25 * rnd()), y = args.y + (args.size - height) * rnd();
|
|
575
|
+
return DotElements.square({
|
|
576
|
+
..._args,
|
|
577
|
+
y
|
|
578
|
+
}, {
|
|
579
|
+
height
|
|
580
|
+
});
|
|
581
|
+
}
|
|
525
582
|
})
|
|
526
583
|
};
|
|
527
584
|
|
|
@@ -598,6 +655,21 @@ function parseColor(cstr) {
|
|
|
598
655
|
};
|
|
599
656
|
}
|
|
600
657
|
|
|
658
|
+
function getRng(matrix, i, j, match = !0) {
|
|
659
|
+
let seed;
|
|
660
|
+
return () => {
|
|
661
|
+
if (null == seed) {
|
|
662
|
+
seed = 0;
|
|
663
|
+
let ix = 0;
|
|
664
|
+
for (let xOffset = -3; xOffset < 4; xOffset++) for (let yOffset = -3; yOffset < 4; yOffset++) ix++,
|
|
665
|
+
seed |= Number(matrix[(i + xOffset + matrix.length << yOffset) % matrix.length]?.[(j + yOffset + matrix.length << xOffset) % matrix.length] === match) << ix;
|
|
666
|
+
}
|
|
667
|
+
let t = seed += 1831565813;
|
|
668
|
+
return t = Math.imul(t ^ t >>> 15, 1 | t), t ^= t + Math.imul(t ^ t >>> 7, 61 | t),
|
|
669
|
+
((t ^ t >>> 14) >>> 0) / 4294967296;
|
|
670
|
+
};
|
|
671
|
+
}
|
|
672
|
+
|
|
601
673
|
let squareMask = [ [ 1, 1, 1, 1, 1, 1, 1 ], [ 1, 0, 0, 0, 0, 0, 1 ], [ 1, 0, 0, 0, 0, 0, 1 ], [ 1, 0, 0, 0, 0, 0, 1 ], [ 1, 0, 0, 0, 0, 0, 1 ], [ 1, 0, 0, 0, 0, 0, 1 ], [ 1, 1, 1, 1, 1, 1, 1 ] ], cornerSquareTypes = new Set(Object.values(CornerSquareType));
|
|
602
674
|
|
|
603
675
|
let dotMask = [ [ 0, 0, 0, 0, 0, 0, 0 ], [ 0, 0, 0, 0, 0, 0, 0 ], [ 0, 0, 1, 1, 1, 0, 0 ], [ 0, 0, 1, 1, 1, 0, 0 ], [ 0, 0, 1, 1, 1, 0, 0 ], [ 0, 0, 0, 0, 0, 0, 0 ], [ 0, 0, 0, 0, 0, 0, 0 ] ], cornerDotTypes = new Set(Object.values(CornerDotType));
|
|
@@ -605,6 +677,7 @@ let dotMask = [ [ 0, 0, 0, 0, 0, 0, 0 ], [ 0, 0, 0, 0, 0, 0, 0 ], [ 0, 0, 1, 1,
|
|
|
605
677
|
class QRSVG {
|
|
606
678
|
options;
|
|
607
679
|
_element;
|
|
680
|
+
_fakeMatrix;
|
|
608
681
|
get element() {
|
|
609
682
|
return this._element;
|
|
610
683
|
}
|
|
@@ -746,16 +819,18 @@ class QRSVG {
|
|
|
746
819
|
options.shape === ShapeType.circle ? (margin = this.options.backgroundOptions && this.options.backgroundOptions.margin || 0,
|
|
747
820
|
additionalDots = Math.floor((minSize / dotSize - count - 2 * margin) / 2), fakeCount = count + 2 * additionalDots) : options.imageOptions.mode == ImageMode.background && (additionalDots = 1,
|
|
748
821
|
fakeCount = count + 2 * additionalDots);
|
|
749
|
-
let xFakeBeginning = xBeginning - additionalDots * dotSize, yFakeBeginning = yBeginning - additionalDots * dotSize, colorX = xFakeBeginning, colorY = yFakeBeginning, colorCount = count + 2 * additionalDots
|
|
822
|
+
let xFakeBeginning = xBeginning - additionalDots * dotSize, yFakeBeginning = yBeginning - additionalDots * dotSize, colorX = xFakeBeginning, colorY = yFakeBeginning, colorCount = count + 2 * additionalDots;
|
|
823
|
+
this._fakeMatrix = new Array(fakeCount);
|
|
824
|
+
let center = Math.floor(fakeCount / 2);
|
|
750
825
|
for (let i = 0; i < fakeCount; i++) {
|
|
751
|
-
|
|
826
|
+
this._fakeMatrix[i] = new Array(fakeCount);
|
|
752
827
|
for (let j = 0; j < fakeCount; j++) {
|
|
753
828
|
if (i > additionalDots - 1 && i < fakeCount - additionalDots && j > additionalDots - 1 && j < fakeCount - additionalDots) {
|
|
754
829
|
let ii = i - additionalDots, jj = j - additionalDots;
|
|
755
|
-
filter && !filter(ii, jj) ?
|
|
830
|
+
filter && !filter(ii, jj) ? this._fakeMatrix[i][j] = void 0 : this._fakeMatrix[i][j] = !!this.qr.isDark(jj, ii);
|
|
756
831
|
continue;
|
|
757
832
|
}
|
|
758
|
-
options.shape === ShapeType.circle && Math.sqrt((i - center) * (i - center) + (j - center) * (j - center)) > center ?
|
|
833
|
+
options.shape === ShapeType.circle && Math.sqrt((i - center) * (i - center) + (j - center) * (j - center)) > center ? this._fakeMatrix[i][j] = void 0 : this._fakeMatrix[i][j] = i != additionalDots - 1 && i != fakeCount - additionalDots && j != additionalDots - 1 && j != fakeCount - additionalDots ? this.qr.isDark(j - 2 * additionalDots < 0 ? j : j >= count ? j - 2 * additionalDots : j - additionalDots, i - 2 * additionalDots < 0 ? i : i >= count ? i - 2 * additionalDots : i - additionalDots) : (j == additionalDots - 1 && (i < additionalDots + 8 || i > fakeCount - additionalDots - 9) || j == fakeCount - additionalDots && i < additionalDots + 8 || i == additionalDots - 1 && (j < additionalDots + 8 || j > fakeCount - additionalDots - 9) || i == fakeCount - additionalDots && j < additionalDots + 8) && void 0;
|
|
759
834
|
}
|
|
760
835
|
}
|
|
761
836
|
let typeNr = (count - 17) / 4, alignment = QRUtil.getPatternPosition(typeNr);
|
|
@@ -763,19 +838,21 @@ class QRSVG {
|
|
|
763
838
|
let iAlign = alignment.find(v => i - additionalDots > v - 3 && i - additionalDots < v + 3);
|
|
764
839
|
for (let j = 0; j < fakeCount; j++) {
|
|
765
840
|
let jAlign = alignment.find(v => j - additionalDots > v - 3 && j - additionalDots < v + 3);
|
|
766
|
-
null !=
|
|
767
|
-
|
|
841
|
+
null != this._fakeMatrix[i][j] && (this.lightDotsMask && (draw = iAlign && jAlign && (iAlign != alignment[0] && jAlign != alignment[0] || jAlign != alignment[0] && jAlign != alignment[alignment.length - 1] || iAlign != alignment[0] && iAlign != alignment[alignment.length - 1]) ? getQrDotFigure(DotType.square) : getQrDotFigure(DotType.tinySquare)),
|
|
842
|
+
this._fakeMatrix[i][j] ? this.dotsMaskGroup && this.dotsMaskGroup.appendChild(draw({
|
|
768
843
|
x: xFakeBeginning + i * dotSize,
|
|
769
844
|
y: yFakeBeginning + j * dotSize,
|
|
770
845
|
size: dotSize,
|
|
771
846
|
document: this.options.document,
|
|
772
|
-
getNeighbor: (xOffset, yOffset) => !0 ===
|
|
847
|
+
getNeighbor: (xOffset, yOffset) => !0 === this._fakeMatrix[i + xOffset]?.[j + yOffset],
|
|
848
|
+
getPRandom: getRng(this._fakeMatrix, i, j)
|
|
773
849
|
})) : this.lightDotsMask && this.lightDotsMaskGroup && this.lightDotsMaskGroup.appendChild(draw({
|
|
774
850
|
x: xFakeBeginning + i * dotSize,
|
|
775
851
|
y: yFakeBeginning + j * dotSize,
|
|
776
852
|
size: dotSize,
|
|
777
853
|
document: this.options.document,
|
|
778
|
-
getNeighbor: (xOffset, yOffset) => !1 ===
|
|
854
|
+
getNeighbor: (xOffset, yOffset) => !1 === this._fakeMatrix[i + xOffset]?.[j + yOffset],
|
|
855
|
+
getPRandom: getRng(this._fakeMatrix, i, j, !1)
|
|
779
856
|
})));
|
|
780
857
|
}
|
|
781
858
|
}
|
|
@@ -844,13 +921,15 @@ class QRSVG {
|
|
|
844
921
|
y: y + j * dotSize,
|
|
845
922
|
size: dotSize,
|
|
846
923
|
document: this.options.document,
|
|
847
|
-
getNeighbor: (xOffset, yOffset) => !!squareMask[i + xOffset]?.[j + yOffset]
|
|
924
|
+
getNeighbor: (xOffset, yOffset) => !!squareMask[i + xOffset]?.[j + yOffset],
|
|
925
|
+
getPRandom: getRng(this._fakeMatrix, x / dotSize + i, y / dotSize + j, !1)
|
|
848
926
|
})) : this.lightDotsMask && !dotMask[i]?.[j] && this.lightDotsMaskGroup && this.lightDotsMaskGroup.appendChild(draw({
|
|
849
927
|
x: x + i * dotSize,
|
|
850
928
|
y: y + j * dotSize,
|
|
851
929
|
size: dotSize,
|
|
852
930
|
document: this.options.document,
|
|
853
|
-
getNeighbor: (xOffset, yOffset) => !squareMask[i + xOffset]?.[j + yOffset] && !dotMask[i + xOffset]?.[j + yOffset]
|
|
931
|
+
getNeighbor: (xOffset, yOffset) => !squareMask[i + xOffset]?.[j + yOffset] && !dotMask[i + xOffset]?.[j + yOffset],
|
|
932
|
+
getPRandom: getRng(this._fakeMatrix, x / dotSize + i, y / dotSize + j, !1)
|
|
854
933
|
}));
|
|
855
934
|
if (this.lightDotsMask) for (let i = -1; i < 8; i++) for (let j = -1; j < 8; j++) -1 != i && 7 != i && -1 != j && 7 != j || this.lightDotsMaskGroup && this.lightDotsMaskGroup.appendChild(draw({
|
|
856
935
|
x: x + i * dotSize,
|
|
@@ -860,7 +939,8 @@ class QRSVG {
|
|
|
860
939
|
getNeighbor: (xOffset, yOffset) => {
|
|
861
940
|
let ii = i + xOffset, jj = j + yOffset;
|
|
862
941
|
return ii >= -1 && ii <= 7 && jj >= -1 && jj <= 7 && (-1 == ii || 7 == ii || -1 == jj || 7 == jj);
|
|
863
|
-
}
|
|
942
|
+
},
|
|
943
|
+
getPRandom: getRng(this._fakeMatrix, x / dotSize + i, y / dotSize + j, !1)
|
|
864
944
|
}));
|
|
865
945
|
}
|
|
866
946
|
(options.cornersDotOptions?.gradient || options.cornersDotOptions?.color) && ([cornersDotMask, cornersDotMaskGroup] = this.createMask(`mask-corners-dot-color-${column}-${row}`),
|
|
@@ -902,7 +982,8 @@ class QRSVG {
|
|
|
902
982
|
y: y + j * dotSize,
|
|
903
983
|
size: dotSize,
|
|
904
984
|
document: this.options.document,
|
|
905
|
-
getNeighbor: (xOffset, yOffset) => !!dotMask[i + xOffset]?.[j + yOffset]
|
|
985
|
+
getNeighbor: (xOffset, yOffset) => !!dotMask[i + xOffset]?.[j + yOffset],
|
|
986
|
+
getPRandom: getRng(this._fakeMatrix, x / dotSize + i, y / dotSize + j, !1)
|
|
906
987
|
}));
|
|
907
988
|
}
|
|
908
989
|
});
|