需求说明
昨天在做毕业设计的时候,其中一个功能是要完成在输入货物编号后生成条形码。为了凑凑毕设说明书的字数,俺用JS+canvas做了个条形码生成器。
因为之前在编码的时候没有按照标准给货物进行编码,导致货物编号长度不定,所以这里选用不定长的code39码。
正文
在前端页面生成条码俺想到两种方法,一个是用div标签组合成图形,另外一个是canvas标签进行绘制。因为要方便保存打印,所以这里选用canvas标签的方法。
首先先给页面加入一个canvas标签
<canvas id="Canvas" width="800" height="175" ></canvas>
var c=document.getElementById("Canvas");
根据code39码的编码表做个键值对,因为货物编码只有数字,所以我只做了数字部分
const data={
"0":"0001101000",
"1":"1001000010",