nv-img-barcode-bw 1.0.1

package/eng.js

@@ -0,0 +1,589 @@
+const {gs1} = require("nv-img-barcode-cmmn");
+
+async function _load(src,impt_name) {
+    if (window[impt_name]) return true;
+
+    return new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.src = src;
+        script.onload = () => resolve(true);
+        script.onerror = () => reject(new Error('Failed to load JsBarcode'));
+        script.async = true;
+        document.head.appendChild(script);
+    });
+}
+
+
+// barcode-utils.js
+// 辅助函数：加载 JsBarcode
+async function loadJsBarcode(src = 'https://cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/JsBarcode.all.min.js') {return await _load(src,"JsBarcode");}
+// 辅助函数：加载 html2canvas
+async function loadHtml2Canvas(src = 'https://html2canvas.hertzen.com/dist/html2canvas.min.js') { return await _load(src,"html2canvas");}
+async function loadZXing(src = 'https://cdn.jsdelivr.net/npm/quagga@0.12.1/dist/quagga.min.js') { return await _load(src,"ZXing");}
+
+
+// 独立的条形码工具函数库
+
+const FNC1_IF_USING_CODE128_AND_EAN128 = 102;
+
+// 工具函数：str2svg - 字符串转SVG条形码
+async function str2svg(text, options = {}) {
+    const defaultOptions = {
+        format: 'CODE128',
+        ean128: true,
+        width: 10,
+        height: 100,
+        lineColor: '#000000',
+        background: '#ffffff',
+        displayValue: false,
+        fontSize: 20,
+        margin: 30 //-------------------------------如果不留足够宽 解不了 。。。。。。 
+    };
+
+    const opts = { ...defaultOptions, ...options };
+
+    console.log({opts})
+
+    if(opts.format.toLowerCase()==="code128") {
+        if(opts.ean128 !== false) {
+            opts.ean128 = true;
+        }
+    } else {}
+
+
+    // 加载 JsBarcode
+    if (!window.JsBarcode) {
+        await loadJsBarcode();
+    }
+
+    return new Promise((resolve, reject) => {
+        try {
+            const tempSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+            const id = 'temp-str2svg-' + Date.now();
+            tempSvg.id = id;
+            tempSvg.style.position = 'absolute';
+            tempSvg.style.left = '-9999px';
+            document.body.appendChild(tempSvg);
+
+            JsBarcode(`#${id}`, text, opts);
+
+            const svgString = tempSvg.outerHTML;
+            tempSvg.remove();
+
+            resolve(svgString);
+        } catch (error) {
+            reject(error);
+        }
+    });
+}
+
+// 工具函数：str2png - 字符串转PNG条形码
+async function str2png(text, opts = {}) {
+    try {
+        const svgString = await str2svg(text, opts);
+        return await svg2png(svgString, opts.background);
+    } catch (error) {
+        throw error;
+    }
+}
+
+////
+function getZXingFormatsByType(barcodeType) {
+    const F = ZXing.BarcodeFormat;
+
+    // 默认：支持所有一维 + 二维
+    if (!barcodeType) {
+        return [
+            F.CODE_128,
+            F.EAN_13,
+            F.EAN_8,
+            F.CODE_39,
+            F.CODE_93,
+            F.CODABAR,
+            F.UPC_A,
+            F.UPC_E,
+            F.ITF,
+            F.QR_CODE,
+            F.DATA_MATRIX,
+            F.PDF_417,
+            F.AZTEC
+        ];
+    }
+    const type = barcodeType.toLowerCase().trim();
+
+    if (type.includes('ean') && type.includes('128') || type === 'ean128') {
+        return [F.CODE_128];          // GS1-128 / EAN-128
+    }
+    if (type.includes('code') && type.includes('128') || type === 'code128') {
+        return [F.CODE_128];
+    }
+    if (type.includes('ean') && type.includes('13') || type === 'ean13') {
+        return [F.EAN_13];
+    }
+    if (type.includes('ean') && type.includes('8') || type === 'ean8') {
+        return [F.EAN_8];
+    }
+    if (type.includes('upc')) {
+        return [F.UPC_A, F.UPC_E];
+    }
+    if (type.includes('code') && type.includes('39') || type === 'code39') {
+        return [F.CODE_39];
+    }
+    if (type.includes('codabar') || type.includes('nw-7')) {
+        return [F.CODABAR];
+    }
+    if (type.includes('2of5') || type.includes('2/5') || type.includes('25')) {
+        return [F.ITF];
+    }
+    if (type.includes('code') && type.includes('93') || type === 'code93') {
+        return [F.CODE_93];
+    }
+    if (type.includes('qr') || type.includes('qrcode') || type.includes('二维码')) {
+        return [F.QR_CODE];
+    }
+
+    // 未知类型：全部支持
+    return [
+        F.CODE_128,
+        F.EAN_13,
+        F.EAN_8,
+        F.CODE_39,
+        F.CODE_93,
+        F.CODABAR,
+        F.UPC_A,
+        F.UPC_E,
+        F.ITF,
+        F.QR_CODE
+    ];
+}
+
+/**
+ * svg2barcode - 将 SVG 条码字符串解码为文本（支持 Code128 / GS1-128）
+ * @param {string} svgString - SVG 条码内容
+ * @param {string} [barcodeType] - 条码类型，例如 "CODE128"
+ * @returns {Promise<string>} - 解码后的条码文本
+ */
+async function svg2str(svgString, barcodeType = 'CODE128') {
+    return new Promise((resolve, reject) => {
+        try {
+            const svgUrl = 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svgString);
+            const img = new Image();
+
+            img.onload = () => {
+                try {
+                    const SCALE = 4; // 放大倍数，提高解码成功率
+                    const canvas = document.createElement('canvas');
+                    const ctx = canvas.getContext('2d');
+
+                    canvas.width = img.width * SCALE;
+                    canvas.height = img.height * SCALE;
+
+                    ctx.setTransform(SCALE, 0, 0, SCALE, 0, 0);
+
+                    // 白底
+                    ctx.fillStyle = '#fff';
+                    ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+                    // 关闭抗锯齿----否则有概率解不了
+                    ctx.imageSmoothingEnabled = false;
+
+                    // 绘制 SVG 图片到 Canvas
+                    ctx.drawImage(img, 0, 0);
+
+                    // 灰度化
+                    const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+                    const luminance = new Uint8ClampedArray(canvas.width * canvas.height);
+
+                    for (let i = 0, j = 0; i < imageData.data.length; i += 4, j++) {
+                        const r = imageData.data[i];
+                        const g = imageData.data[i + 1];
+                        const b = imageData.data[i + 2];
+                        luminance[j] = (r * 299 + g * 587 + b * 114) / 1000;
+                    }
+
+                    // ZXing JS 解码
+                    const source = new ZXing.RGBLuminanceSource(luminance, canvas.width, canvas.height);
+                    const bitmap = new ZXing.BinaryBitmap(new ZXing.HybridBinarizer(source));
+
+                    const reader = new ZXing.MultiFormatReader();
+
+                    const hints = new Map();
+                    hints.set(
+                        ZXing.DecodeHintType.POSSIBLE_FORMATS,
+                        getZXingFormatsByType(barcodeType)
+                    );
+                    hints.set(ZXing.DecodeHintType.TRY_HARDER, true);
+
+                    reader.setHints(hints);
+
+                    const result = reader.decode(bitmap);
+
+                    // ✅ GS1-128 FNC1 控制字符处理
+                    let text = result.getText();
+                    if (barcodeType.toUpperCase() === 'CODE128' && text.includes('\u00f1')) {
+                        // ZXing 会把 FNC1 解码成 \u00f1
+                        text = text.replace(/\u00f1/g, '');
+                    }
+
+                    resolve(text);
+                } catch (e) {
+                    console.error(e);
+                    reject(new Error('无法解码条码'));
+                }
+            };
+
+            img.onerror = (err) => {
+                console.error(err);
+                reject(new Error('SVG 图片加载失败'));
+            };
+
+            img.src = svgUrl;
+        } catch (e) {
+            console.error(e);
+            reject(new Error('处理 SVG 异常'));
+        }
+    });
+}
+
+
+
+////
+
+
+// 工具函数：png2str - PNG条形码转字符串
+async function png2str(pngData) {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = async () => {
+            try {
+                // 加载 html2canvas
+                if (!window.html2canvas) {
+                    await loadHtml2Canvas();
+                }
+
+                // 使用 html2canvas 从图片中读取信息
+                const canvas = document.createElement('canvas');
+                canvas.width = img.width;
+                canvas.height = img.height;
+                const ctx = canvas.getContext('2d');
+                ctx.drawImage(img, 0, 0);
+
+                // 转换为SVG然后解析
+                const svg = await png2svg(pngData);
+                const text = await svg2str(svg);
+                resolve(text);
+            } catch (error) {
+                reject(error);
+            }
+        };
+        img.onerror = () => reject(new Error('Failed to load PNG image'));
+        img.src = pngData;
+    });
+}
+
+// 工具函数：png2svg - PNG条形码转SVG
+async function png2svg(pngData) {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = async () => {
+            try {
+                // 加载 html2canvas
+                if (!window.html2canvas) {
+                    await loadHtml2Canvas();
+                }
+
+                // 使用 html2canvas 获取图片数据
+                const canvas = document.createElement('canvas');
+                canvas.width = img.width;
+                canvas.height = img.height;
+                const ctx = canvas.getContext('2d');
+                ctx.drawImage(img, 0, 0);
+
+                // 获取图片数据
+                const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+
+                // 尝试从图片中提取条形码信息
+                const text = await png2str(pngData);
+
+                // 如果提取到了文本，重新生成SVG
+                if (text && !text.startsWith('[') && !text.endsWith(']')) {
+                    const svg = await str2svg(text, {
+                        width: 2,
+                        height: img.height * 0.7,
+                        displayValue: false
+                    });
+                    resolve(svg);
+                } else {
+                    // 如果提取失败，创建一个简单的SVG
+                    const svg = `
+        <svg width="${canvas.width}" height="${canvas.height}" 
+         xmlns="http://www.w3.org/2000/svg">
+        <rect width="100%" height="100%" fill="white"/>
+        <text x="50%" y="50%" 
+          text-anchor="middle" 
+          dominant-baseline="middle"
+          font-family="Arial"
+          font-size="20"
+          fill="black">
+        无法解码条形码
+        </text>
+        </svg>
+        `;
+                    resolve(svg);
+                }
+            } catch (error) {
+                reject(error);
+            }
+        };
+        img.onerror = () => reject(new Error('Failed to load PNG image'));
+        img.src = pngData;
+    });
+}
+
+// 工具函数：svg2png - SVG条形码转PNG
+function svg2png(svgString, options = {}) {
+    return new Promise((resolve, reject) => {
+        try {
+            const {
+                width = null,        // 输出宽度
+                height = null,       // 输出高度
+                scale = 1,           // 缩放比例
+                backgroundColor = 'white',  // 背景色
+                quality = 1,         // PNG质量 (0-1)
+                mimeType = 'image/png' // 输出格式
+            } = options;
+            
+            const img = new Image();
+            const svgData = encodeURIComponent(svgString);
+            const svgUrl = `data:image/svg+xml;charset=utf-8,${svgData}`;
+            
+            img.onload = function() {
+                const canvas = document.createElement('canvas');
+                const ctx = canvas.getContext('2d');
+                
+                // 计算输出尺寸
+                let outputWidth = img.width;
+                let outputHeight = img.height;
+                
+                if (width && height) {
+                    outputWidth = width;
+                    outputHeight = height;
+                } else if (width) {
+                    outputHeight = (img.height * width) / img.width;
+                    outputWidth = width;
+                } else if (height) {
+                    outputWidth = (img.width * height) / img.height;
+                    outputHeight = height;
+                } else if (scale !== 1) {
+                    outputWidth = img.width * scale;
+                    outputHeight = img.height * scale;
+                }
+                
+                canvas.width = outputWidth;
+                canvas.height = outputHeight;
+                
+                // 绘制背景
+                ctx.fillStyle = backgroundColor;
+                ctx.fillRect(0, 0, outputWidth, outputHeight);
+                
+                // 绘制SVG（支持缩放）
+                ctx.drawImage(img, 0, 0, outputWidth, outputHeight);
+                
+                // 转换为Data URL
+                const dataUrl = canvas.toDataURL(mimeType, quality);
+                
+                // 转换为Blob
+                canvas.toBlob(function(blob) {
+                    resolve({
+                        dataUrl: dataUrl,
+                        blob: blob,
+                        width: outputWidth,
+                        height: outputHeight,
+                        imageData: ctx.getImageData(0, 0, outputWidth, outputHeight),
+                        originalSize: { width: img.width, height: img.height },
+                        canvas: canvas
+                    });
+                }, mimeType, quality);
+            };
+            
+            img.onerror = () => reject(new Error('SVG加载失败'));
+            img.src = svgUrl;
+            
+        } catch (error) {
+            reject(error);
+        }
+    });
+}
+
+
+function calcEAN13CheckDigit(codeStr) {
+    /**
+     * 计算EAN-13条码的校验码
+     * 
+     * @param {string} codeStr - 12位数字字符串（不含校验码）
+     * @returns {number} 校验码
+     * 
+     * 示例:
+     * calculateEAN13CheckDigit("695476741387") 返回 7
+     */
+
+    if (codeStr.length !== 12 || !/^\d+$/.test(codeStr)) {
+        throw new Error("请输入12位数字字符串");
+    }
+
+    let total = 0;
+
+    // 从左边第一位开始，奇数位乘1，偶数位乘3
+    for (let i = 0; i < codeStr.length; i++) {
+        const digit = parseInt(codeStr[i]);
+        // 注意：EAN-13是从1开始计数的
+        if ((i + 1) % 2 === 1) {  // 奇数位
+            total += digit * 1;
+        } else {  // 偶数位
+            total += digit * 3;
+        }
+    }
+
+    // 计算校验码
+    const checkDigit = (10 - (total % 10)) % 10;
+
+    return checkDigit;
+}
+
+
+// 工具函数：检查条形码内容有效性
+function validateBarcodeContent(text, format = 'CODE128') {
+    if (!text || typeof text !== 'string') {
+        return { valid: false, error: '内容必须是非空字符串' };
+    }
+    const formatValidators = {
+        'EAN13': (text) => {
+            if (text.length !== 13) return false;
+            if (!/^\d+$/.test(text)) return false;
+
+            // EAN13 校验和计算
+            let sum = 0;
+            for (let i = 0; i < 12; i++) {
+                const digit = parseInt(text[i]);
+                sum += digit * (i % 2 === 0 ? 1 : 3);
+            }
+            const checksum = (10 - (sum % 10)) % 10;
+            return checksum === parseInt(text[12]);
+        },
+        'EAN8': (text) => {
+            if (text.length !== 8) return false;
+            return /^\d+$/.test(text);
+        },
+        'UPC': (text) => {
+            if (text.length !== 12) return false;
+            return /^\d+$/.test(text);
+        },
+        'CODE128': (text) => {
+            // CODE128 支持所有ASCII字符
+            return text.length > 0 && text.length < 256;
+        },
+        'CODE39': (text) => {
+            // CODE39 支持数字、大写字母、部分符号
+            return /^[A-Z0-9\-\. \$/+%]+$/.test(text);
+        }
+    };
+
+    const validator = formatValidators[format];
+    if (validator) {
+        return { 
+            valid: validator(text), 
+            error: validator(text) ? null : `内容不符合 ${format} 格式要求`
+        };
+    }
+
+    return { valid: true, error: null };
+}
+
+// 工具函数：获取条形码信息
+async function getBarcodeInfo(data, type = 'auto') {
+    try {
+        if (type === 'svg' || (type === 'auto' && data.includes('<svg'))) {
+            const text = await svg2str(data);
+            const svg = await str2svg(text);
+            const png = await svg2png(svg);
+            return {
+                type: 'svg',
+                text: text,
+                svg: data,
+                png: png,
+                width: 300,
+                height: 100
+            };
+        } else if (type === 'png' || (type === 'auto' && data.startsWith('data:image/png'))) {
+            const text = await png2str(data);
+            const svg = await str2svg(text);
+            const png = data;
+            return {
+                type: 'png',
+                text: text,
+                svg: svg,
+                png: png,
+                width: 300,
+                height: 100
+            };
+        } else if (type === 'text' || (type === 'auto' && typeof data === 'string')) {
+            const validation = validateBarcodeContent(data);
+            if (!validation.valid) {
+                throw new Error(validation.error);
+            }
+            const svg = await str2svg(data);
+            const png = await svg2png(svg);
+            return {
+                type: 'text',
+                text: data,
+                svg: svg,
+                png: png,
+                width: 300,
+                height: 100
+            };
+        } else {
+            throw new Error('不支持的条形码数据类型');
+        }
+    } catch (error) {
+        throw error;
+    }
+}
+
+
+const defaultGS1Options = {
+    format: 'CODE128',
+    ean128: true,
+    width: 2,
+    height: 100,
+    lineColor: '#000000',
+    background: '#ffffff',
+    displayValue: true,
+    fontSize: 20,
+    margin: 10
+};
+
+const encd_to_gs1_svg = (...args)=>str2svg(gs1.encd(...args),defaultGS1Options);
+const encd_to_gs1_png = (...args)=>str2png(gs1.encd(...args),defaultGS1Options);
+const decd_fr_gs1_svg = (imgData)=>gs1.decd(svg2str(imgData));
+const decd_fr_gs1_png = (imgData)=>gs1.decd(png2str(imgData));
+
+module.exports = {
+    loadJsBarcode,
+    loadHtml2Canvas,     
+    loadZXing,
+    FNC1_IF_USING_CODE128_AND_EAN128,
+    str2svg,
+    str2png,
+    getZXingFormatsByType,svg2str,
+    png2str,
+    png2svg,
+    svg2png,
+    calcEAN13CheckDigit,
+    validateBarcodeContent,
+    getBarcodeInfo,
+    encd_to_gs1_svg,
+    encd_to_gs1_png,
+    decd_fr_gs1_svg,
+    decd_fr_gs1_png,
+    gs1,
+};