欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  技术分享

HTML5 Canvas实现条形码生成_jQuery条形码插件代码

程序员文章站 2022-03-01 12:40:20
...

本Demo是一个使用HTML5 Canvas标签做的一个条形码的效果、条形码是通过JS代码生成的、是一款基于jQuery HTML5实现的条形码生成特效、使用起来非常简单、只需要简单的引入一个JS文件即可使用了、代码量非常小、可以很方便的集成到项目中、有图有真像

HTML5 Canvas实现条形码生成_jQuery条形码插件代码


HTML代码

<article class="zzsc">
    <canvas id="ean" width="400" height="200"></canvas>
</article>


引入必要的JS文件

<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="dist/jquery-ean13.min.js"></script>


JS代码

<script type="text/javascript">
$(function(){
	$("#ean").EAN13("5901234123457",{
		color:´rgba(255,255,255,0.8)´
	});
});
</script>


源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1jH2H5AY 密码: 82na