2.0.0 • Published 1 year ago

@ren1244/qr-path v2.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

概述

qr-path 能取得能描繪出 QR Code 路徑的座標點,供後續產生 svg 或是 PostScript 等向量圖形。

輸出的座標點會最佳化,只產生形成外框所必要的座標。

PS. 填色時使用 nonzero 模式。

使用方式

以下為產生 svg 圖檔的範例

import { QrPath } from 'qr-path';
// const { QrPath } = require('qr-path');

const isDark = (()=>{
    const data = [
        [0, 0, 1, 0],
        [1, 0, 1, 1],
        [1, 0, 0, 0],
    ];
    return function(x, y) {
        return data[y][x];
    }
})();

let pathArray = QrPath(4, 3, isDark);

//從取得的路徑點產生 svg path 內容
let dData = pathArray.map(closePath => {
    return 'M' + closePath.map(point => `${point.x} ${point.y}`).join(' L ') + ' Z';
}).join('');

//產生 svg
let svg = `<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 4 3">
    <path d="${dData}" fill="#000000"/>
</svg>`;
2.0.0

1 year ago

1.0.0

4 years ago