jQuery barcode(바코드) 예제

우선 아래의 링크에서 jQuery plugin을 download 한다.

barcode-coder 사이트

현재기준(2017-04-11)

jquery-barcode-2.0.3.zip 압축풀기를 한 후,

jquery-barcode-2.0.3\jquery\sample\index.html 을 실행시키면 아래와 같이 demo를 볼 수 있다.

프로젝트에 적용하기 위해서는

jquery-barcode-2.0.3\jquery 디렉토리에서 

jquery-barcode.js or jquery-barcode.min.js  둘 중 하나를 개발 Project의 적절한 위치에 복사한다.

적용 소스는

<script type="text/javascript">

$(document).ready(function(){

    $('#test').barcode("barcode번호", "code128", {barWidth:2, barHeight:50});

});

</script>

<div id="test"></div>

이렇게만 하면 끝.

옵션(barWidth, barHeight 등..)은 화면에 맞게 조절해서 쓴다.