2021-03-17

JQUERY환경에서 웹에서 간단히 바코드를 만드는 방법은 아래와 같다.
참고 링크: https://barcode-coder.com/en/barcode-jquery-plugin-201.html

<script src="/post_inc/jquerys/jquery-barcode.min.js"></script>
<script type="text/javascript">
var a1 = {
	"codabar": "1234567",
	"code11": "1234567",
	"code39": "ab-1234567",
	"code93": "ab-1234567",
	"code128": "ab-1234567",
	"ean8": "1234567",
	"ean13": "1234567890123",
	"std25": "1234567",
	"int25": "1234567",
	"msi": "1234567",
	"datamatrix": "ab-가나-1234-!@#$",
}

$(function(){
	for( var k in a1 ){
		$("#drawed_div").append('<div class="col-xs-4"><div><b>'+k+'</b></div><div id="b_'+k+'"></div></div>')
		$("#b_"+k).barcode(a1[k], k);
	}
	$('#custom_bar1').barcode('ab-123445', 'code128', {
		"barWidth": 3,
		"barHeight": 140,
		"bgColor": 'red',
		"color": 'blue',
		"fontSize": 20,
		"showHRI": false, // false시에 숫자 안보임
		"output": 'svg', // 그려주는 방식을 css, svg, bmp, canvas 중에서 선택
	})
})
</script>

<div id="drawed_div" class="row"></div>
custom
<div id="custom_bar1"></div>