일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- #웹솔루션
- #CSS
- php
- 이미지
- CSS
- 솔루션
- #cgimall
- happycgi
- 웹솔루션
- 게시판
- #동영상
- #jQuery
- #해피CGI
- #happycgi
- #이미지
- #뉴스
- javascript
- 홈페이지제작
- 홈페이지
- #홈페이지
- 해피씨지아이
- #홈페이지제작
- 해피CGI
- #쇼핑몰
- #image
- 사이트제작
- #업종별
- CGIMALL
- jquery
- #솔루션
- Today
- Total
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] jQuery 기반의 바코드 생성기 (Data Matrix 가능) 본문
# 플러그인 설명
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="../jquery-barcode.js"></script>
2. 바코드가 출력될 영역을 만듭니다.
<div id="demo"></div>
3. 바코드 생성 script 를 실행 합니다.
<script>
$("#demo").barcode(
"1234567890128", // 바코드 값
"ean13" // 바코드 유형
);
</script>
# 샘플 파일 확인방법
압축 파일 해제 후 접근 합니다.
jquery → sample → index.html 파일을 실행하시면 됩니다.
( demo 폴더에 demo.html 파일도 있지만 이건 여러가지 수정해야해서 바로 작동이 안됩니다. )
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] jQuery 카운트다운 타이머 플러그인 (0) | 2025.05.26 |
---|---|
[해피CGI][cgimall] Bootstrap 5용 간편 이벤트 캘린더 플러그인 - jQuery bsCalendar (0) | 2025.05.23 |
[해피CGI][cgimall] 슬라이딩 토글 스위치용 JavaScript 플러그인 - LC Switch (0) | 2025.05.22 |
[해피CGI][cgimall] 예쁜 다이알로그 jquery - vex (0) | 2025.05.19 |
[해피CGI][cgimall] jquery timeago - 시간을 지정해두면 시간이 얼마나 흘렀는지 알려주는 jquery (0) | 2025.05.16 |
Comments