revert: restore legacy PDF417 barcode generation implementation
Restore custom PDF417 generator, renderer, and component that were previously removed. Update all components to use the legacy Pdf417Barcode instead of Pdf417BarcodeWasm. Restored files: - app/lib/pdf/pdf417.ts - Custom PDF417 generator library - app/lib/pdf/renderBarcode.ts - Canvas-based barcode renderer - app/ui/Pdf417Barcode.tsx - React component using custom generator Updated imports in: - app/ui/BillEditForm.tsx - app/ui/PrintPreview.tsx - app/ui/ViewBillCard.tsx - app/ui/ViewLocationCard.tsx 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
51
app/lib/pdf/renderBarcode.ts
Normal file
51
app/lib/pdf/renderBarcode.ts
Normal file
@@ -0,0 +1,51 @@
|
||||
import { BarcodeArray } from './pdf417';
|
||||
|
||||
/**
|
||||
* Renders a PDF417 barcode matrix to a canvas and returns it as a data URL.
|
||||
*
|
||||
* This function creates an HTML canvas element, draws the barcode by iterating through
|
||||
* the barcode matrix, and converts the canvas to a base64-encoded PNG data URL that
|
||||
* can be used as an image source.
|
||||
*
|
||||
* @param barcodeMatrix - The barcode array generated by the PDF417 encoder containing
|
||||
* the barcode matrix data with dimensions and binary code values
|
||||
* @param blockWidth - The width in pixels of each individual barcode module (bar/space unit)
|
||||
* @param blockHeight - The height in pixels of each individual barcode module (bar/space unit)
|
||||
*
|
||||
* @returns A data URL string (base64-encoded PNG) representing the rendered barcode image,
|
||||
* suitable for use in an HTML img src attribute
|
||||
*
|
||||
* @example
|
||||
* ```typescript
|
||||
* const pdf417 = createPDF417();
|
||||
* pdf417.init("Hello World", 2, 2);
|
||||
* const barcodeArray = pdf417.getBarcodeArray();
|
||||
* const dataUrl = renderBarcode(barcodeArray, 2, 4);
|
||||
* // dataUrl can now be used: <img src={dataUrl} />
|
||||
* ```
|
||||
*/
|
||||
export function renderBarcode(barcodeMatrix: BarcodeArray, blockWidth: number, blockHeight: number) {
|
||||
|
||||
const canvas = document.createElement('canvas');
|
||||
canvas.width = barcodeMatrix.num_cols * blockWidth;
|
||||
canvas.height = barcodeMatrix.num_rows * blockHeight;
|
||||
const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;
|
||||
|
||||
let positionY = 0;
|
||||
for (let row = 0; row < barcodeMatrix.num_rows; row += 1) {
|
||||
let positionX = 0;
|
||||
|
||||
for (let col = 0; col < barcodeMatrix.num_cols; col += 1) {
|
||||
if (barcodeMatrix.bcode[row][col] === 1) {
|
||||
ctx.fillStyle = '#000';
|
||||
} else {
|
||||
ctx.fillStyle = '#FFF';
|
||||
}
|
||||
ctx.fillRect(positionX, positionY, blockWidth, blockHeight);
|
||||
positionX += blockWidth;
|
||||
}
|
||||
positionY += blockHeight;
|
||||
}
|
||||
|
||||
return canvas.toDataURL();
|
||||
}
|
||||
Reference in New Issue
Block a user