pdf417-generator
Version:
PDF417 HUB3 2D barcode generator for browser and Node
60 lines (49 loc) • 2.1 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>PDF417 HUB3 2D barcode generator</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script src="../../lib/pdf417.js" type="text/javascript"></script>
<script>
window.onload = function() {
var code = HUB3.format({
amount: 123.55,
payerName: "PETAR KORETIĆ",
payerAddress: "PREVOJ DD",
payerCity: "10000 Zagreb",
recipientName: "FIRMA J.D.O.O",
recipientAddr: "PREVOJ DD",
recipientCity: "10000 ZAGREB",
iban: "HR5041240000000000000",
model: "HR01",
callNumber: "7336-68949637625-00001",
purposeCode: "COST",
description: "Uplata za 1. mjesec"
})
document.getElementById("code").value = code
generate()
}
function generate() {
var code = document.getElementById("code").value
var canvas = document.getElementById("barcode")
PDF417.draw(code, canvas)
}
function download() {
var canvas = document.getElementById("barcode")
var a = document.createElement("a")
a.href = canvas.toDataURL("image/png")
a.download = "barcode.png"
a.click()
}
</script>
</head>
<body>
<textarea id="code" cols="30" rows="15" oninput="generate()" onchange="generate"></textarea>
<div id="barcode-wrap">
<canvas id="barcode"></canvas>
<button onclick="download()">Download PNG</button>
</div>
</body>
</html>