Dieser Artikel ist älter als zwei Jahre und womöglich veraltet!

EAN13-Plugin für jQuery

Vor ein paar Tagen habe ich eine von mir programmierte Bibliothek für jQuery zur Erstellung von EAN13 Barcodes auf Github veröffentlicht. Mit jQuery.EAN13 ist es möglich aus einer Nummer einen Barcode als HTML5-Canvas zu erstellen.

Barcode

Einbindung des Plugin

Zur Einbindung in eine HTML-Seite fügt man folgendes dem head-Bereich nach der Einbindung von jQuery ein:

1<script type="text/javascript" src="js/jQuery.EAN13.min.js"></script>

Verwendung

Im body-Bereich muss an der gewünschten Stelle ein Canvas-Element mit der passenden Größe eingefügt werden:

1<canvas id="ean" width="200" height="100">
2Your browser does not support canvas-elements.
3</canvas>

Nun kann man im JavaScript am Ende des body-Bereiches folgendes eintragen, um den Barcode anzuzeigen:

1$("#ean").EAN13("9002236311036");

Weitere funktionen sind im Readme auf der Github-Seite des Projektes zu finden.

Weitere Artikel

"address" ist nichts für Postadressen

"address" ist nichts für Postadressen

Wie ich selbst auch erst jetzt gelesen habe, ist das HTML-Element address nicht für die Darstellung einer Postadresse geeignet. Viel besser ist diese in einem Mikroformat aufgehoben. Man kann ja nicht alles wissen!

Johannes Mittendorfer
Johannes Mittendorfer
Bootstrap 3 mit Flat Design

Bootstrap 3 mit Flat Design

Das im Moment angesagte Designprinzip des “Flat-Design” lässt sich jetzt auch einfach mit Twitter Bootstrap verwenden: Bootstrap 3

Johannes Mittendorfer
Johannes Mittendorfer
CSS3 Animationen - Ein erster Einstieg

CSS3 Animationen - Ein erster Einstieg

Vielleicht haben Sie schon einmal davon gehört: CSS3-Animationen. Es soll also möglich sein nur mit CSS eine kleine Animation zu erstellen. Doch wie geht das? Am Besten probieren wir es einmal an einem kleinen Beispiel, um die Grundzüge zu verstehen. Wir nehmen an, wir wollen einen einfachen Text …

Johannes Mittendorfer
Johannes Mittendorfer