Html5添加Canvas的EAN13條形碼生成插件教程

1、使用方法
若是你須要將該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>

2、Html結構
製做一個EAN13條形碼須要在頁面上添加一個<canvas>元素。
<canvas id="EAN" width="400" height="200"></canvas>               

若是你想修改EAN13條形碼的大小，只須要設置<canvas>元素的寬度和高度便可。

3、調用插件
下面的方法會顯示不帶任何參數選項的最基本的EAN13條形碼：
JavaScript：
var element = document.getElementById("EAN");
new EAN13(element, "9002236311036");               

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

4、配置參數
該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，其中包括視頻、插屏、全屏等等展示模式。同時也爲開發者提供專業服務和廣告解決方案，讓開發者賺取更大的利潤。