자바스크립트로 바코드 만들기
간단하게 스크립트로 바코드를 만들수 있는 방법이다.
▼해당 사이트를 참조하였다.
▼아래는 해당 URL을 보고 만든 샘플 아래 소스를 갖다 써도 되고
아래 파일을 다운받아 한폴더에서 실행하면 충분한 레퍼런스가 될거라 생각됩니다.
jquery-barcode.js
gocoder_barcode.html<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="jquery-barcode.js"></script>
</head>
<body>
<div id="bcTarget"></div>
</body>
<script type="text/javascript">
$("#bcTarget").barcode("1234567890128", "codabar");
// 바코드 타입
// codabar
// code11 (code 11)
// code39 (code 39)
// code93 (code 93)
// code128 (code 128)
// ean8 (ean 8)
// ean13 (ean 13)
// std25 (standard 2 of 5 - industrial 2 of 5)
// int25 (interleaved 2 of 5)
// msi
// datamatrix (ASCII + extended)
</script>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="jquery-barcode.js"></script>
</head>
<body>
<div id="bcTarget"></div>
</body>
<script type="text/javascript">
$("#bcTarget").barcode("1234567890128", "codabar");
// 바코드 타입
// codabar
// code11 (code 11)
// code39 (code 39)
// code93 (code 93)
// code128 (code 128)
// ean8 (ean 8)
// ean13 (ean 13)
// std25 (standard 2 of 5 - industrial 2 of 5)
// int25 (interleaved 2 of 5)
// msi
// datamatrix (ASCII + extended)
</script>
</html>
프론트에서 처리 가능하는 방법으로
바코드 사용시 가장 추천하는 방법이다.
+고코더 추천강의
+폰트를 등록해 바코드로 만들어 보세요.
-> http://gocoder.tistory.com/84
+jQuery로 QRcode를 만들어보세요.
-> http://gocoder.tistory.com/86
마무리
javascript가 이제 모든걸 대체 할 것 입니다.
'IT_Developers > Javascript' 카테고리의 다른 글
| jQuery | Plugin - select 박스 검색 가능하게 (3) | 2017.11.02 |
|---|---|
| Javascript - 아이폰,안드로이드 기기 체크 (0) | 2017.11.02 |
| JavaScript - select 박스의 option value, text 가져오기 (0) | 2017.08.31 |
| JavaScript - select readonly 적용 (0) | 2017.08.30 |
| Javascript - 자바스크립트 암호화, 압축하기 / packer (0) | 2017.08.30 |
댓글