웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] jQuery 기반의 바코드 생성기 (Data Matrix 가능) 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] jQuery 기반의 바코드 생성기 (Data Matrix 가능)

해피CGI윤실장 2025. 5. 27. 09:21






# 플러그인 설명

8가지 유형의 바코드를 생성할 수 있습니다. 
CSS, BMP, SVG 또는 Canvas로 출력할 수 있는 작고 가벼운 jQuery 플러그인입니다.


# 라이센스

MIT 라이센스



# 지원되는 바코드 유형

EAN 8
EAN 13
UPC
표준 2/5(산업용)
5개 중 2개 삽입
코드 11
코드 39
코드 93
코드 128
코다바르
엠에스아이
데이터 매트릭스




# 지원되는 출력 형식

CSS
BMP(IE에서는 사용할 수 없음)
SVG(IE에서는 사용할 수 없음)
Canvas(IE에서는 사용 불가)




# 사용방법 


1. head 에 js 파일 추가 합니다. 

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="../jquery-barcode.js"></script>



2. 바코드가 출력될 영역을 만듭니다. 

<div id="demo"></div>



3. 바코드 생성 script 를 실행 합니다. 

<script>
  $("#demo").barcode(
    "1234567890128", // 바코드 값
    "ean13" // 바코드 유형
  );        
</script>





# 샘플 파일 확인방법 

압축 파일 해제 후 접근 합니다. 
jquery → sample → index.html 파일을 실행하시면 됩니다. 
( demo 폴더에 demo.html 파일도 있지만 이건 여러가지 수정해야해서 바로 작동이 안됩니다. ) 

 

Comments