渲染
import{G2Plot}from'@antv/g2plot';import{adaptor,defaultOptions}from'g2plot-qrcode';constqr=newG2Plot('container',{//二维码文本data:'Hello,g2plotqrcode!',//间距padding:8,//宽高width:120,height:120,//背景前景颜色backgroundColor:'white',foregroundColor:'black',typeNumber:0,correctLevel:'H',//LMHQ//样式自定义pixelStyle:(pixelData)=>({}),},adaptor,defaultOptions);qr.render();更新
qr.update({data:'helloworld!',})配置项exportinterfaceQRCodeOptions{/**qrcode的内容文本*/readonlydata:string;/**边框间距，默认8px*/readonlypadding?:number;/**二维码大小宽高，默认都是120px*/readonlywidth:string;readonlyheight:string;/**二维码correctLevel，默认H*/readonlycorrectLevel?:'L'|'M'|'Q'|'H';/**二维码typeNumber，默认0*/readonlytypeNumber?:any;//readonlyeffect?:'fusion'|'round'|'rect';/**二维码前景色，默认black*/readonlyforegroundColor?:string;/**二维码背景色，默认white*/readonlybackgroundColor?:string;/**二维码的icon中心图标，默认无*/readonlyicon?:{readonlyimage:string;//图片readonlywidth?:number;//图片宽高readonlyheight?:number;};/**单元格样式，默认无*/readonlypixelStyle?:(pixelData:PixelData)=>object;}功能常规二维码库能力都支持，支持宽高padding等基础配置支持自定义前景背景支持自定义detectionposition的样式（颜色、描边、渐变等）支持icon以及大小交互事件（二维码不再是静态图）
评论