概述

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];
    }
})();

// 回傳: [[{x: number, y:number}, ...], ...]
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>`;

其他

如果有需要判斷回傳的點是否為凸出來的地方，設 $p_0$ 為前一個點、 $p_1$ 為目前的點、 $p_2$ 為下一個點、 $v_1=p_1-p_0$ 、 $v_2=p_2-p_1$ 若外積 $v_1 \times v_2$ 的 $z$ 值為負，代表在這個點「右轉」，此時為凸出的地方。