Html5添加Canvas的EAN13条形码生成插件教程

时间：2016-01-05 10:29:08 阅读：300 评论：0 收藏：0 [点我收藏+]

标签：

一、使用方法
如果你需要将该EAN13条形码插件作为jQuery插件来使用，那么需要在页面中引入jQuery和jquery-ean13.min.js文件。
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="dist/jquery-ean13.min.js"></script>

要通过JavaScript来调用该EAN13条形码，需要在页面中引入ean13.min.js文件。
<script type="text/javascript" src="dist/ean13.min.js"></script>

二、Html结构
制作一个EAN13条形码需要在页面上添加一个<canvas>元素。
<canvas id="EAN" width="400" height="200"></canvas>

如果你想修改EAN13条形码的大小，只需要设置<canvas>元素的宽度和高度即可。

三、调用插件
下面的方法会显示不带任何参数选项的最基本的EAN13条形码：
JavaScript：
var element = document.getElementById("EAN");
new EAN13(element, "9002236311036");

jQuery：
$("#EAN").EAN13("9002236311036");

四、配置参数
该EAN13条形码插件提供了一些可用的配置参数和回调函数，要使用它们，可以简单的在初始化插件的时候在第二个参数中提供一个参数对象。例如：

JavaScript：
var options={
number: false,
prefix: false,
onSuccess: function(){
    }
}
new EAN13(document.getElementById("EAN"), "9002236311036", options);

jQuery：
$("#EAN").EAN13("9002236311036", {
number: false,
prefix: false
});

KeyMob移动端广告平台，专业为开发者提供稳定的广告SDK，其中包括视频、插屏、全屏等等展现模式。同时也为开发者提供专业服务和广告解决方案，让开发者赚取更大的利润。

标签：

踩

(0)

评论一句话评论（0）

key

加入时间：2016-01-05

关注此人发短消息

文章分类

默认分类（277）

“key”关注的人------（0）

“key”的粉丝们------（0）