HTML5 Canvas实现条形码生成_jQuery条形码插件代码
2016-02-01 13:00:16  By: shinyuu

• shinyuu
• HTML5开发
• 0
• 13668
• 12

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

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

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号（ddblogs）

或者你也可以关注我的新浪微博、了解DD博客的最新动态：DD博客官方微博（dwtedx的微博）

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板（dwtedx的留言板）

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛