vue中生成條形碼,以及條形碼的所有引數

2021-08-31 01:10:58 字數 1730 閱讀 7176

//安裝條形碼外掛程式

npm install @xkeshi/vue-barcode

在main.js中引入

import vuebarcode from '@xkeshi/vue-barcode'; //匯入條形碼外掛程式

vue.component('barcode', vuebarcode); //宣告條形碼元件

//注意,要顯示的內容不能出現漢字,否則顯示不出來,可以有空格特殊字元等

data(),

width:'1px',//單個條形碼的寬度

height: '55px',

fontsize: '22px' //字型大小

},list:[,]

}},

然後就可以啦,

另外,條形碼的所有引數

format:"code39",//選擇要使用的條形碼型別

width:3,//設定條之間的寬度

height:100,//高度

displayvalue:true,//是否在條形碼下方顯示文字

text:"456",//覆蓋顯示的文字

fontoptions:"bold italic",//使文字加粗體或變斜體

font:"fantasy",//設定文字的字型

textalign:"left",//設定文字的水平對齊方式

textposition:"top",//設定文字的垂直位置

textmargin:5,//設定條形碼和文字之間的間距

fontsize:15,//設定文字的大小

background:"#eee",//設定條形碼的背景

linecolor:"#2196f3",//設定條和文字的顏色。

margin:15//設定條形碼周圍的空白邊距

祝工作順利,身體健康

生成條形碼

一 路由 routes.maproute name home url home getbar defaults new 二 html頁 text value id codenum button value 生成條形碼 onclick wds createbar width 200px height ...

條形碼生成

生成條形碼的類 public class barcode128dll set private font m valuefont new font 宋體 10 是否顯示可見號碼 如果為null不顯示號碼 public font valuefont set private byte m magnify ...

Asp生成條形碼

function haiwaocde zfstr zf zfstr zf replace zf,0 zf replace zf,1 zf replace zf,2 zf replace zf,3 zf replace zf,4 zf replace zf,5 zf replace zf,7 zf r...