고정 헤더 영역
 |
 |
 |
 |
 |
 |
 |
상세 컨텐츠
본문
반응형
jQuery 를 이용하여 barcode 를 화면에 출력하는 소스를 소개드립니다
아래 사이트에서 OpenSource로 공개하고 있구요
barcode-coder.com
아래와 같이 여러가지 타입의 바코드를 출력할 수 있구요.
아래와 같이 바코드 폭/넓이/배경색 등등을 조절할 수 있는 옵션이 주어집니다.
아래와 같이 두줄만 삽입하면 사용할 수가 있습니다.
<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>
필오한 소스코드는 아래 링크에서 다운로드 받으시면 됩니다.
아래에 예제소스를 공개합니다.
<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="bcTarget1" style="margin-top:30px;"></div>
<div id="bcTarget2" style="margin-top:30px;"></div>
<div id="bcTarget3" style="margin-top:30px;"></div>
<div id="bcTarget4" style="margin-top:30px;"></div>
<div id="bcTarget5" style="margin-top:30px;"></div>
</body>
<script type="text/javascript">
$("#bcTarget1").barcode("1234567890128", "code128");
$("#bcTarget2").barcode("1234567890128", "ean13",{barWidth:2, barHeight:30});
$("#bcTarget3").barcode("1234567", "int25",{barWidth:2, barHeight:30});
$("#bcTarget4").barcode("1234567890128", "code128",{barWidth:1, barHeight:70,showHRI:true,bgColor:"red"});
$("#bcTarget5").barcode("1234567890128", "datamatrix",{showHRI:false,bgColor:"yellow"});
</script>
</html>
반응형
'IT공부방 > jQuery, ajax, java' 카테고리의 다른 글
| 인트로페이지 로딩 , 부드럽게 열리는 이미지 만들기 jquery (0) | 2018.10.30 |
|---|---|
| javascript 마우스클릭위치 알아내기 , 클릭된 태그(엘리먼트)알아내기 (0) | 2018.03.27 |
| 360도 이미지를 볼 수있는 jQuery 소스 (VR 파노라마뷰어, 이미지뷰어) (20) | 2017.08.05 |
| javascript: url 에서 경로 / 파일명 / 확장자 분리하기... 추출하기 split()함수 (0) | 2017.01.02 |
| javascript 문자열 검색/ 문자열 찾기 indexOf() 함수 substr_count() 함수 (0) | 2017.01.02 |
댓글 영역