Generator kodów kreskowych: Różnice pomiędzy wersjami
Z SYSTEM-KANBAN.PL
(Utworzono nową stronę " <html> <head> <meta charset="utf-8"> <style> table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid #ddd; padding: 8px; text-align: left; } th { background-color: #f2f2f2; } →Dodaj styl do komórek z kodami kreskowymi: td.code { text-align: center; } </style> <script type="text/javascript"> function generateBarcodes() { var inputText = document.getElementById("inputText").value; va…") |
mNie podano opisu zmian |
||
(Nie pokazano 11 pośrednich wersji utworzonych przez tego samego użytkownika) | |||
Linia 1: | Linia 1: | ||
{{WikiSeo|title=Generator kodów kreskowych - łatwy sposób na automatyzację procesów biznesowych|keywords=generator kodów kreskowych, automatyzacja procesów biznesowych, śledzenie magazynów, zarządzanie produkcją, punkty sprzedaży, format CODE128, odczytywanie skanerów, narzędzie, korzyści|description=Generator kodów kreskowych to narzędzie, które umożliwia łatwe i szybkie generowanie kodów w formacie CODE128. W artykule dowiesz się, jak kody kreskowe mogą pomóc w automatyzacji procesów biznesowych, jak korzystać z generatora i jakie są korzyści z jego użycia.}}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. | |||
[[Plik:Kod-kreskowy.png|centruj|alt=Kod kreskowy|Kod kreskowy]] | |||
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. | |||
<html> | <html> | ||
Linia 12: | Linia 19: | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
padding: 8px; | padding: 8px; | ||
text-align: | text-align: center; | ||
} | } | ||
Linia 18: | Linia 25: | ||
background-color: #f2f2f2; | background-color: #f2f2f2; | ||
} | } | ||
</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() { | |||
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 49: | Linia 59: | ||
displayValue: true, | displayValue: true, | ||
fontSize: 16, | fontSize: 16, | ||
height: 45 | height: 55, //45 | ||
margin: 10 | margin: 5 // 10 | ||
}); | }); | ||
var img = document.createElement("img"); | var img = document.createElement("img"); | ||
img.src = canvas.toDataURL("image/png"); | img.src = canvas.toDataURL("image/png"); | ||
img.height = 45 | img.height = 55; //45 | ||
img.style.marginTop = " | img.style.marginTop = "5px"; //10 | ||
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('kody-kreskowe.pdf'); | |||
}, | |||
margins | |||
) | |||
} | |||
</script> | </script> | ||
</head> | </head> | ||
<body> | <body> | ||
<textarea id="inputText" rows="10" cols="50"></textarea> | <textarea id="inputText" rows="10" cols="50"></textarea> | ||
<br> | <br> | ||
Linia 74: | Linia 136: | ||
</tr> | </tr> | ||
</table> | </table> | ||
<button type="button" onclick="exportToPdf()">Generuj PDF</button> | |||
</body> | </body> | ||
</html> | </html> | ||
[[Kategoria:Narzędzia]] |
Aktualna wersja na dzień 10:27, 18 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