Generator kodów kreskowych: Różnice pomiędzy wersjami
Z SYSTEM-KANBAN.PL
mNie podano opisu zmian |
mNie podano opisu zmian |
||
| Linia 24: | Linia 24: | ||
} | } | ||
</style> | </style> | ||
<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/JsBarcode.all.min.js"></script> | |||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.debug.js"></script> | |||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> | |||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.16/jspdf.plugin.autotable.min.js"></script> | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
function generateBarcodes() { | function generateBarcodes() { | ||
var inputText = document.getElementById("inputText").value; | |||
var barcodesTable = document.getElementById("barcodesTable"); | |||
barcodesTable.innerHTML = "<table id=\"barcodesTable\"><tr><th>Tekst</th><th>Kod kreskowy</th></tr></table>"; // wyczyść tabelkę | |||
var barcodes = inputText.split("\n"); | |||
for (var i = 0; i < barcodes.length; i++) { | |||
if (barcodes[i].trim() !== "") { // dodaj warunek, który ignoruje puste linie | |||
var tr = document.createElement("tr"); | |||
var textCell = document.createElement("td"); | |||
textCell.appendChild(document.createTextNode(barcodes[i])); | |||
var barcodeCell = document.createElement("td"); | |||
barcodeCell.classList.add("code"); | |||
barcodeCell.appendChild(createBarcodeImage(barcodes[i])); | |||
tr.appendChild(textCell); | |||
tr.appendChild(barcodeCell); | |||
barcodesTable.appendChild(tr); | |||
} | |||
} | |||
} | |||
} | |||
function createBarcodeImage(text) { | function createBarcodeImage(text) { | ||
var canvas = document.createElement("canvas"); | var canvas = document.createElement("canvas"); | ||
| Linia 59: | Linia 66: | ||
return img; | return img; | ||
} | } | ||
function exportToPdf() { | |||
var pdf = new jsPDF('p', 'pt', 'A4') | |||
// source can be HTML-formatted string, or a reference | |||
// to an actual DOM element from which the text will be scraped. | |||
, source = $('#barcodesTable')[0] | |||
// we support special element handlers. Register them with jQuery-style | |||
// ID selector for either ID or node name. ("#iAmID", "div", "span" etc.) | |||
// There is no support for any other type of selectors | |||
// (class, of compound) at this time. | |||
, specialElementHandlers = { | |||
// element with id of "bypass" - jQuery style selector | |||
'#bypassme': function(element, renderer){ | |||
// true = "handled elsewhere, bypass text extraction" | |||
return true | |||
} | |||
} | |||
margins = { | |||
top: 60, | |||
bottom: 60, | |||
left: 40, | |||
width: 522 //522 | |||
}; | |||
pdf.setFontSize(16); | |||
pdf.text(20, 30, 'Kody kreskowe wygenerowane na stronie www.system-kanban.pl .'); | |||
// all coords and widths are in jsPDF instance's declared units | |||
// 'inches' in this case | |||
pdf.fromHTML( | |||
source // HTML string or DOM elem ref. | |||
, margins.left // x coord | |||
, margins.top // y coord | |||
, { | |||
'width': margins.width // max width of content on PDF | |||
, 'elementHandlers': specialElementHandlers | |||
}, | |||
function (dispose) { | |||
// dispose: object with X, Y of the last line add to the PDF | |||
// this allow the insertion of new lines after html | |||
pdf.save('Test.pdf'); | |||
}, | |||
margins | |||
) | |||
} | |||
</script> | </script> | ||
</head> | </head> | ||
<body> | <body> | ||
| Linia 74: | Linia 134: | ||
</tr> | </tr> | ||
</table> | </table> | ||
<button type="button" onclick="exportToPdf()">Generuj PDF</button> | |||
</body> | </body> | ||
</html> | </html> | ||
[[Kategoria:Narzędzia]] | [[Kategoria:Narzędzia]] | ||
Wersja z 18:35, 14 lut 2023
Kody kreskowe są szeroko wykorzystywane w przedsiębiorstwach do automatyzacji procesów biznesowych, takich jak śledzenie stanów magazynowych, monitorowanie przesyłek i zarządzanie produkcją. Mogą być również wykorzystywane w punktach sprzedaży do skanowania produktów i przyspieszenia procesu kasowania.
Poniższy generator kodów umożliwia wygenerowanie dowolnej liczby kodów kreskowych. Kody te będą wygenerowane w formacie CODE128, który jest możliwy do odczytania przez większość skanerów.
Wpisz tekst, a następnie naciśnij przycisk "Generuj kody kreskowe". Każda linia z pola tekstowego będzie zamieniona na osobny kod kreskowy.
| Tekst | Kod kreskowy |
|---|
REKLAMA
