1.

wxml

viewclass"bg"canvascanvas-id"shareCanvas"class"canvas"/canvasimagesrc"{{img}}"class"img"bindtap"previewImg"/image/viewviewclass"canvas-box"canvashidden"{{canvasHidden}}"style"width:686rpx;height:686rpx;background:#f1f1f1;"canvas-id"mycanvas"//view2.

wxss

.bg{width:100%;height:100%;background:red;}.canvas{width:100%;height:100%;}.canvas-box{position:fixed;top:999999rpx;left:0}.img{position:absolute;left:0;top:0;width:100%;height:100%;}3.

js

varQRrequire("../../utils/qrcode.js");//qrcode.js为生成二维码插件Page({/***页面的初始数据*/data:{imgUrl:"..............",//图片链接codeUrl:'http://www.baidu.com',//二维码内容用于生成二维码temporarycodeUrl:'',//二维码临时图片路径img:''//合成后图片路径},/***生命周期函数--监听页面显示*/onShow:function(){//绘制背景海报到canvasvarpostersizethis.setCanvasSize(750);//动态设置画布大小console.log(postersize)constctxwx.createCanvasContext('shareCanvas')ctx.drawImage(this.data.imgUrl,0,0,postersize.w,postersize.h)ctx.draw()//绘制二维码到canvasvarcodesizethis.setCanvasSize(686);//动态设置画布大小console.log(codesize)varinitUrlthis.data.codeUrl;//在另一个canvas上生成二维码this.createQrCode(initUrl,"mycanvas",codesize.w,codesize.h);varcode_url''setTimeout((){//code_urlthis.canvasToTempImage();varthatthis;//获取临时缓存code照片路径，存入data中wx.canvasToTempFilePath({canvasId:'mycanvas',success:function(res){vartempFilePathres.tempFilePath;console.log(tempFilePath)that.setData({temporarycodeUrl:tempFilePath})console.log(that.data.temporarycodeUrl)//将临时code图片路径绘制到海报canvas中varreswx.getSystemInfoSync();varscale750/180;varwidthres.windowWidth/scale;varheightwidthvarleftscale750/480;//180为leftvarleftres.windowWidth/leftscale;vartopscale750/880;//180为topvartopres.windowWidth/topscale;ctx.drawImage(that.data.temporarycodeUrl,left,top,width,height)ctx.draw(that)setTimeout((){//code_urlthis.canvasToTempImage();//获取临时缓存合成照片路径，存入data中wx.canvasToTempFilePath({canvasId:'shareCanvas',success:function(res){vartempFilePathres.tempFilePath;that.setData({img:tempFilePath})console.log(tempFilePath)},fail:function(res){console.log(res);}});},1000);},fail:function(res){console.log(res);}});},1000);},//点击图片进行预览，长按保存分享图片previewImg:function(e){varimgthis.data.img;console.log(img);wx.previewImage({current:img,//当前显示图片的http链接urls:[img]//需要预览的图片http链接列表})},createQrCode:function(url,canvasId,cavW,cavH,left,top){//调用插件中的draw方法，绘制二维码图片QR.api.draw(url,canvasId,cavW,cavH,left,top);//setTimeout((){this.canvasToTempImage();},1000);},//适配不同屏幕大小的canvassetCanvasSize:function(width){varsize{};try{varreswx.getSystemInfoSync();varscale750/width;//不同屏幕下canvas的适配比例；设计稿是750宽//varscale1varwidthres.windowWidth/scale;varheightres.windowHeight/scale;;size.wwidth;size.hheight;}catch(e){//Dosomethingwhencatcherrorconsole.log("获取设备信息失败"+e);}returnsize;},})4.

注：网络图片通过drawImage绘制到canvas在开发者工具上显示正常，但在手机上无法正常绘制，需要使用wx.downloadFile获取到下载后的地址再绘制canvas中

5.

生成二维码插件qrcode

!(function(){//alignmentpatternvaradelta[0,11,15,19,23,27,31,16,18,20,22,24,26,28,20,22,24,24,26,28,28,22,24,24,26,26,28,28,24,24,26,26,26,28,28,24,26,26,26,28,28];//versionblockvarvpat[0xc94,0x5bc,0xa99,0x4d3,0xbf6,0x762,0x847,0x60d,0x928,0xb78,0x45d,0xa17,0x532,0x9a6,0x683,0x8c9,0x7ec,0xec4,0x1e1,0xfab,0x08e,0xc1a,0x33f,0xd75,0x250,0x9d5,0x6f0,0x8ba,0x79f,0xb0b,0x42e,0xa64,0x541,0xc69];//finalformatbitswithmask:level3|maskvarfmtword[0x77c4,0x72f3,0x7daa,0x789d,0x662f,0x6318,0x6c41,0x6976,//L0x5412,0x5125,0x5e7c,0x5b4b,0x45f9,0x40ce,0x4f97,0x4aa0,//M0x355f,0x3068,0x3f31,0x3a06,0x24b4,0x2183,0x2eda,0x2bed,//Q0x1689,0x13be,0x1ce7,0x19d0,0x0762,0x0255,0x0d0c,0x083b//H];//4perversion:numberofblocks1,2;datawidth;eccwidthvareccblocks[1,0,19,7,1,0,16,10,1,0,13,13,1,0,9,17,1,0,34,10,1,0,28,16,1,0,22,22,1,0,16,28,1,0,55,15,1,0,44,26,2,0,17,18,2,0,13,22,1,0,80,20,2,0,32,18,2,0,24,26,4,0,9,16,1,0,108,26,2,0,43,24,2,2,15,18,2,2,11,22,2,0,68,18,4,0,27,16,4,0,19,24,4,0,15,28,2,0,78,20,4,0,31,18,2,4,14,18,4,1,13,26,2,0,97,24,2,2,38,22,4,2,18,22,4,2,14,26,2,0,116,30,3,2,36,22,4,4,16,20,4,4,12,24,2,2,68,18,4,1,43,26,6,2,19,24,6,2,15,28,4,0,81,20,1,4,50,30,4,4,22,28,3,8,12,24,2,2,92,24,6,2,36,22,4,6,20,26,7,4,14,28,4,0,107,26,8,1,37,22,8,4,20,24,12,4,11,22,3,1,115,30,4,5,40,24,11,5,16,20,11,5,12,24,5,1,87,22,5,5,41,24,5,7,24,30,11,7,12,24,5,1,98,24,7,3,45,28,15,2,19,24,3,13,15,30,1,5,107,28,10,1,46,28,1,15,22,28,2,17,14,28,5,1,120,30,9,4,43,26,17,1,22,28,2,19,14,28,3,4,113,28,3,11,44,26,17,4,21,26,9,16,13,26,3,5,107,28,3,13,41,26,15,5,24,30,15,10,15,28,4,4,116,28,17,0,42,26,17,6,22,28,19,6,16,30,2,7,111,28,17,0,46,28,7,16,24,30,34,0,13,24,4,5,121,30,4,14,47,28,11,14,24,30,16,14,15,30,6,4,117,30,6,14,45,28,11,16,24,30,30,2,16,30,8,4,106,26,8,13,47,28,7,22,24,30,22,13,15,30,10,2,114,28,19,4,46,28,28,6,22,28,33,4,16,30,8,4,122,30,22,3,45,28,8,26,23,30,12,28,15,30,3,10,117,30,3,23,45,28,4,31,24,30,11,31,15,30,7,7,116,30,21,7,45,28,1,37,23,30,19,26,15,30,5,10,115,30,19,10,47,28,15,25,24,30,23,25,15,30,13,3,115,30,2,29,46,28,42,1,24,30,23,28,15,30,17,0,115,30,10,23,46,28,10,35,24,30,19,35,15,30,17,1,115,30,14,21,46,28,29,19,24,30,11,46,15,30,13,6,115,30,14,23,46,28,44,7,24,30,59,1,16,30,12,7,121,30,12,26,47,28,39,14,24,30,22,41,15,30,6,14,121,30,6,34,47,28,46,10,24,30,2,64,15,30,17,4,122,30,29,14,46,28,49,10,24,30,24,46,15,30,4,18,122,30,13,32,46,28,48,14,24,30,42,32,15,30,20,4,117,30,40,7,47,28,43,22,24,30,10,67,15,30,19,6,118,30,18,31,47,28,34,34,24,30,20,61,15,30];//Galoisfieldlogtablevarglog[0xff,0x00,0x01,0x19,0x02,0x32,0x1a,0xc6,0x03,0xdf,0x33,0xee,0x1b,0x68,0xc7,0x4b,0x04,0x64,0xe0,0x0e,0x34,0x8d,0xef,0x81,0x1c,0xc1,0x69,0xf8,0xc8,0x08,0x4c,0x71,0x05,0x8a,0x65,0x2f,0xe1,0x24,0x0f,0x21,0x35,0x93,0x8e,0xda,0xf0,0x12,0x82,0x45,0x1d,0xb5,0xc2,0x7d,0x6a,0x27,0xf9,0xb9,0xc9,0x9a,0x09,0x78,0x4d,0xe4,0x72,0xa6,0x06,0xbf,0x8b,0x62,0x66,0xdd,0x30,0xfd,0xe2,0x98,0x25,0xb3,0x10,0x91,0x22,0x88,0x36,0xd0,0x94,0xce,0x8f,0x96,0xdb,0xbd,0xf1,0xd2,0x13,0x5c,0x83,0x38,0x46,0x40,0x1e,0x42,0xb6,0xa3,0xc3,0x48,0x7e,0x6e,0x6b,0x3a,0x28,0x54,0xfa,0x85,0xba,0x3d,0xca,0x5e,0x9b,0x9f,0x0a,0x15,0x79,0x2b,0x4e,0xd4,0xe5,0xac,0x73,0xf3,0xa7,0x57,0x07,0x70,0xc0,0xf7,0x8c,0x80,0x63,0x0d,0x67,0x4a,0xde,0xed,0x31,0xc5,0xfe,0x18,0xe3,0xa5,0x99,0x77,0x26,0xb8,0xb4,0x7c,0x11,0x44,0x92,0xd9,0x23,0x20,0x89,0x2e,0x37,0x3f,0xd1,0x5b,0x95,0xbc,0xcf,0xcd,0x90,0x87,0x97,0xb2,0xdc,0xfc,0xbe,0x61,0xf2,0x56,0xd3,0xab,0x14,0x2a,0x5d,0x9e,0x84,0x3c,0x39,0x53,0x47,0x6d,0x41,0xa2,0x1f,0x2d,0x43,0xd8,0xb7,0x7b,0xa4,0x76,0xc4,0x17,0x49,0xec,0x7f,0x0c,0x6f,0xf6,0x6c,0xa1,0x3b,0x52,0x29,0x9d,0x55,0xaa,0xfb,0x60,0x86,0xb1,0xbb,0xcc,0x3e,0x5a,0xcb,0x59,0x5f,0xb0,0x9c,0xa9,0xa0,0x51,0x0b,0xf5,0x16,0xeb,0x7a,0x75,0x2c,0xd7,0x4f,0xae,0xd5,0xe9,0xe6,0xe7,0xad,0xe8,0x74,0xd6,0xf4,0xea,0xa8,0x50,0x58,0xaf];//Galiosfieldexponenttablevargexp[0x01,0x02,0x04,0x08,0x10,0x20,0x40,0x80,0x1d,0x3a,0x74,0xe8,0xcd,0x87,0x13,0x26,0x4c,0x98,0x2d,0x5a,0xb4,0x75,0xea,0xc9,0x8f,0x03,0x06,0x0c,0x18,0x30,0x60,0xc0,0x9d,0x27,0x4e,0x9c,0x25,0x4a,0x94,0x35,0x6a,0xd4,0xb5,0x77,0xee,0xc1,0x9f,0x23,0x46,0x8c,0x05,0x0a,0x14,0x28,0x50,0xa0,0x5d,0xba,0x69,0xd2,0xb9,0x6f,0xde,0xa1,0x5f,0xbe,0x61,0xc2,0x99,0x2f,0x5e,0xbc,0x65,0xca,0x89,0x0f,0x1e,0x3c,0x78,0xf0,0xfd,0xe7,0xd3,0xbb,0x6b,0xd6,0xb1,0x7f,0xfe,0xe1,0xdf,0xa3,0x5b,0xb6,0x71,0xe2,0xd9,0xaf,0x43,0x86,0x11,0x22,0x44,0x88,0x0d,0x1a,0x34,0x68,0xd0,0xbd,0x67,0xce,0x81,0x1f,0x3e,0x7c,0xf8,0xed,0xc7,0x93,0x3b,0x76,0xec,0xc5,0x97,0x33,0x66,0xcc,0x85,0x17,0x2e,0x5c,0xb8,0x6d,0xda,0xa9,0x4f,0x9e,0x21,0x42,0x84,0x15,0x2a,0x54,0xa8,0x4d,0x9a,0x29,0x52,0xa4,0x55,0xaa,0x49,0x92,0x39,0x72,0xe4,0xd5,0xb7,0x73,0xe6,0xd1,0xbf,0x63,0xc6,0x91,0x3f,0x7e,0xfc,0xe5,0xd7,0xb3,0x7b,0xf6,0xf1,0xff,0xe3,0xdb,0xab,0x4b,0x96,0x31,0x62,0xc4,0x95,0x37,0x6e,0xdc,0xa5,0x57,0xae,0x41,0x82,0x19,0x32,0x64,0xc8,0x8d,0x07,0x0e,0x1c,0x38,0x70,0xe0,0xdd,0xa7,0x53,0xa6,0x51,0xa2,0x59,0xb2,0x79,0xf2,0xf9,0xef,0xc3,0x9b,0x2b,0x56,0xac,0x45,0x8a,0x09,0x12,0x24,0x48,0x90,0x3d,0x7a,0xf4,0xf5,0xf7,0xf3,0xfb,0xeb,0xcb,0x8b,0x0b,0x16,0x2c,0x58,0xb0,0x7d,0xfa,0xe9,0xcf,0x83,0x1b,0x36,0x6c,0xd8,0xad,0x47,0x8e,0x00];//Workingbuffers://datainputandeccappend,imageworkingbuffer,fixedpartofimage,runlengthsforbadnessvarstrinbuf[],eccbuf[],qrframe[],framask[],rlens[];//Controlvalues-widthisbasedonversion,last4arefromtable.varversion,width,neccblk1,neccblk2,datablkw,eccblkwid;varecclevel2;//setbittoindicatecellinqrframeisimmutable.symmetricarounddiagonalfunctionsetmask(x,y){varbt;if(xy){btx;xy;ybt;}//y*y1+3+5...bty;bt*y;bt+y;bt1;bt+x;framask[bt]1;}//enteralignmentpattern-blacktoqrframe,whitetomask(laterblackframemergedtomask)functionputalign(x,y){varj;qrframe[x+width*y]1;for(j-2;j2;j++){qrframe[(x+j)+width*(y-2)]1;qrframe[(x-2)+width*(y+j+1)]1;qrframe[(x+2)+width*(y+j)]1;qrframe[(x+j+1)+width*(y+2)]1;}for(j0;j2;j++){setmask(x-1,y+j);setmask(x+1,y-j);setmask(x-j,y-1);setmask(x+j,y+1);}}////ReedSolomonerrorcorrection//exponentiationmodNfunctionmodnn(x){while(x255){x-255;x(x8)+(x255);}returnx;}vargenpoly[];//CalculateandappendECCdatatodatablock.Blockisinstrinbuf,indexestobuffersgiven.functionappendrs(data,dlen,ecbuf,eclen){vari,j,fb;for(i0;ieclen;i++)strinbuf[ecbuf+i]0;for(i0;idlen;i++){fbglog[strinbuf[data+i]^strinbuf[ecbuf]];if(fb!255)/*fbtermisnon-zero*/for(j1;jeclen;j++)strinbuf[ecbuf+j-1]strinbuf[ecbuf+j]^gexp[modnn(fb+genpoly[eclen-j])];elsefor(jecbuf;jecbuf+eclen;j++)strinbuf[j]strinbuf[j+1];strinbuf[ecbuf+eclen-1]fb255?0:gexp[modnn(fb+genpoly[0])];}}////Framedatainsertfollowingthepathrules//checkmask-sincesymmetricalusehalf.functionismasked(x,y){varbt;if(xy){btx;xy;ybt;}bty;bt+y*y;bt1;bt+x;returnframask[bt];}////Applytheselectedmaskoutofthe8.functionapplymask(m){varx,y,r3x,r3y;switch(m){case0:for(y0;ywidth;y++)for(x0;xwidth;x++)if(!((x+y)1)!ismasked(x,y))qrframe[x+y*width]^1;break;case1:for(y0;ywidth;y++)for(x0;xwidth;x++)if(!(y1)!ismasked(x,y))qrframe[x+y*width]^1;break;case2:for(y0;ywidth;y++)for(r3x0,x0;xwidth;x++,r3x++){if(r3x3)r3x0;if(!r3x!ismasked(x,y))qrframe[x+y*width]^1;}break;case3:for(r3y0,y0;ywidth;y++,r3y++){if(r3y3)r3y0;for(r3xr3y,x0;xwidth;x++,r3x++){if(r3x3)r3x0;if(!r3x!ismasked(x,y))qrframe[x+y*width]^1;}}break;case4:for(y0;ywidth;y++)for(r3x0,r3y((y1)1),x0;xwidth;x++,r3x++){if(r3x3){r3x0;r3y!r3y;}if(!r3y!ismasked(x,y))qrframe[x+y*width]^1;}break;case5:for(r3y0,y0;ywidth;y++,r3y++){if(r3y3)r3y0;for(r3x0,x0;xwidth;x++,r3x++){if(r3x3)r3x0;if(!((xy1)+!(!r3x|!r3y))!ismasked(x,y))qrframe[x+y*width]^1;}}break;case6:for(r3y0,y0;ywidth;y++,r3y++){if(r3y3)r3y0;for(r3x0,x0;xwidth;x++,r3x++){if(r3x3)r3x0;if(!(((xy1)+(r3x(r3xr3y)))1)!ismasked(x,y))qrframe[x+y*width]^1;}}break;case7:for(r3y0,y0;ywidth;y++,r3y++){if(r3y3)r3y0;for(r3x0,x0;xwidth;x++,r3x++){if(r3x3)r3x0;if(!(((r3x(r3xr3y))+((x+y)1))1)!ismasked(x,y))qrframe[x+y*width]^1;}}break;}return;}//Badnesscoefficients.varN13,N23,N340,N410;//Usingthetableofthelengthofeachrun,calculatetheamountofbadimage//-longrunsorthosethatlooklikefinders;calledtwice,onceeachforXandYfunctionbadruns(length){vari;varrunsbad0;for(i0;ilength;i++)if(rlens[i]5)runsbad+N1+rlens[i]-5;//BwBBBwBasinfinderfor(i3;ilength-1;i+2)if(rlens[i-2]rlens[i+2]rlens[i+2]rlens[i-1]rlens[i-1]rlens[i+1]rlens[i-1]*3rlens[i]//whitearoundtheblackpattern?Notpartofspec(rlens[i-3]0//beginning||i+3length//end||rlens[i-3]*3rlens[i]*4||rlens[i+3]*3rlens[i]*4))runsbad+N3;returnrunsbad;}//Calculatehowbadthemaskedimageis-blocks,imbalance,runs,orfinders.functionbadcheck(){varx,y,h,b,b1;varthisbad0;varbw0;//blocksofsamecolor.for(y0;ywidth-1;y++)for(x0;xwidth-1;x++)if((qrframe[x+width*y]qrframe[(x+1)+width*y]qrframe[x+width*(y+1)]qrframe[(x+1)+width*(y+1)])//allblack||!(qrframe[x+width*y]||qrframe[(x+1)+width*y]||qrframe[x+width*(y+1)]||qrframe[(x+1)+width*(y+1)]))//allwhitethisbad+N2;//Xrunsfor(y0;ywidth;y++){rlens[0]0;for(hbx0;xwidth;x++){if((b1qrframe[x+width*y])b)rlens[h]++;elserlens[++h]1;bb1;bw+b?1:-1;}thisbad+badruns(h);}//black/whiteimbalanceif(bw0)bw-bw;varbigbw;varcount0;big+big2;big1;while(bigwidth*width)big-width*width,count++;thisbad+count*N4;//Yrunsfor(x0;xwidth;x++){rlens[0]0;for(hby0;ywidth;y++){if((b1qrframe[x+width*y])b)rlens[h]++;elserlens[++h]1;bb1;}thisbad+badruns(h);}returnthisbad;}functiongenframe(instring){varx,y,k,t,v,i,j,m;//findthesmallestversionthatfitsthestringtinstring.length;version0;do{version++;k(ecclevel-1)*4+(version-1)*16;neccblk1eccblocks[k++];neccblk2eccblocks[k++];datablkweccblocks[k++];eccblkwideccblocks[k];kdatablkw*(neccblk1+neccblk2)+neccblk2-3+(version9);if(tk)break;}while(version40);//FIXME-insurethatitfitsinstedofbeingtruncatedwidth17+4*version;//allocate,clearandsetupdatastructuresvdatablkw+(datablkw+eccblkwid)*(neccblk1+neccblk2)+neccblk2;for(t0;tv;t++)eccbuf[t]0;strinbufinstring.slice(0);for(t0;twidth*width;t++)qrframe[t]0;for(t0;t(width*(width+1)+1)/2;t++)framask[t]0;//insertfinders-blacktoframe,whitetomaskfor(t0;t3;t++){k0;y0;if(t1)k(width-7);if(t2)y(width-7);qrframe[(y+3)+width*(k+3)]1;for(x0;x6;x++){qrframe[(y+x)+width*k]1;qrframe[y+width*(k+x+1)]1;qrframe[(y+6)+width*(k+x)]1;qrframe[(y+x+1)+width*(k+6)]1;}for(x1;x5;x++){setmask(y+x,k+1);setmask(y+1,k+x+1);setmask(y+5,k+x);setmask(y+x+1,k+5);}for(x2;x4;x++){qrframe[(y+x)+width*(k+2)]1;qrframe[(y+2)+width*(k+x+1)]1;qrframe[(y+4)+width*(k+x)]1;qrframe[(y+x+1)+width*(k+4)]1;}}//alignmentblocksif(version1){tadelta[version];ywidth-7;for(;;){xwidth-7;while(xt-3){putalign(x,y);if(xt)break;x-t;}if(yt+9)break;y-t;putalign(6,y);putalign(y,6);}}//singleblackqrframe[8+width*(width-8)]1;//timinggap-maskonlyfor(y0;y7;y++){setmask(7,y);setmask(width-8,y);setmask(7,y+width-7);}for(x0;x8;x++){setmask(x,7);setmask(x+width-8,7);setmask(x,width-8);}//reservemask-formatareafor(x0;x9;x++)setmask(x,8);for(x0;x8;x++){setmask(x+width-8,8);setmask(8,x);}for(y0;y7;y++)setmask(8,y+width-7);//timingrow/colfor(x0;xwidth-14;x++)if(x1){setmask(8+x,6);setmask(6,8+x);}else{qrframe[(8+x)+width*6]1;qrframe[6+width*(8+x)]1;}//versionblockif(version6){tvpat[version-7];k17;for(x0;x6;x++)for(y0;y3;y++,k--)if(1(k11?version(k-12):tk)){qrframe[(5-x)+width*(2-y+width-11)]1;qrframe[(2-y+width-11)+width*(5-x)]1;}else{setmask(5-x,2-y+width-11);setmask(2-y+width-11,5-x);}}//syncmaskbits-onlysetaboveforwhitespaces,soaddinblackbitsfor(y0;ywidth;y++)for(x0;xy;x++)if(qrframe[x+width*y])setmask(x,y);//convertstringtobitstream//8bitdatatoQR-coded8bitdata(numericoralphanum,orkanjinotsupported)vstrinbuf.length;//stringtoarrayfor(i0;iv;i++)eccbuf[i]strinbuf.charCodeAt(i);strinbufeccbuf.slice(0);//calculatemaxstringlengthxdatablkw*(neccblk1+neccblk2)+neccblk2;if(vx-2){vx-2;if(version9)v--;}//shiftandrepacktoinsertlengthprefixiv;if(version9){strinbuf[i+2]0;strinbuf[i+3]0;while(i--){tstrinbuf[i];strinbuf[i+3]|255(t4);strinbuf[i+2]t4;}strinbuf[2]|255(v4);strinbuf[1]v4;strinbuf[0]0x40|(v12);}else{strinbuf[i+1]0;strinbuf[i+2]0;while(i--){tstrinbuf[i];strinbuf[i+2]|255(t4);strinbuf[i+1]t4;}strinbuf[1]|255(v4);strinbuf[0]0x40|(v4);}//filltoendwithpadpatterniv+3-(version10);while(ix){strinbuf[i++]0xec;//bufferhasroomif(ix)break;strinbuf[i++]0x11;}//calculateandappendECC//calculategeneratorpolynomialgenpoly[0]1;for(i0;ieccblkwid;i++){genpoly[i+1]1;for(ji;j0;j--)genpoly[j]genpoly[j]?genpoly[j-1]^gexp[modnn(glog[genpoly[j]]+i)]:genpoly[j-1];genpoly[0]gexp[modnn(glog[genpoly[0]]+i)];}for(i0;ieccblkwid;i++)genpoly[i]glog[genpoly[i]];//uselogsforgenpoly[]tosavecalcstep//appendecctodatabufferkx;y0;for(i0;ineccblk1;i++){appendrs(y,datablkw,k,eccblkwid);y+datablkw;k+eccblkwid;}for(i0;ineccblk2;i++){appendrs(y,datablkw+1,k,eccblkwid);y+datablkw+1;k+eccblkwid;}//interleaveblocksy0;for(i0;idatablkw;i++){for(j0;jneccblk1;j++)eccbuf[y++]strinbuf[i+j*datablkw];for(j0;jneccblk2;j++)eccbuf[y++]strinbuf[(neccblk1*datablkw)+i+(j*(datablkw+1))];}for(j0;jneccblk2;j++)eccbuf[y++]strinbuf[(neccblk1*datablkw)+i+(j*(datablkw+1))];for(i0;ieccblkwid;i++)for(j0;jneccblk1+neccblk2;j++)eccbuf[y++]strinbuf[x+i+j*eccblkwid];strinbufeccbuf;//packbitsintoframeavoidingmaskedarea.xywidth-1;kv1;//up,minus/*inteleaveddataandecccodes*/m(datablkw+eccblkwid)*(neccblk1+neccblk2)+neccblk2;for(i0;im;i++){tstrinbuf[i];for(j0;j8;j++,t1){if(0x80t)qrframe[x+width*y]1;do{//findnextfillpositionif(v)x--;else{x++;if(k){if(y!0)y--;else{x-2;k!k;if(x6){x--;y9;}}}else{if(y!width-1)y++;else{x-2;k!k;if(x6){x--;y-8;}}}}v!v;}while(ismasked(x,y));}}//savepre-maskcopyofframestrinbufqrframe.slice(0);t0;//besty30000;//demerit//forinsteadofwhilesinceinoriginalarduinocode//ifanearlymaskwas"goodenough"itwouldn'ttryforabetterone//sincetheygetmorecomplexandtakelonger.for(k0;k8;k++){applymask(k);//returnsblack-whiteimbalancexbadcheck();if(xy){//currentmaskbetterthanpreviousbest?yx;tk;}if(t7)break;//don'tincrementitoavoidredoingmaskqrframestrinbuf.slice(0);//resetfornextpass}if(t!k)//redobestmask-nonegoodenough,lastwasn'ttapplymask(t);//addinfinalmask/ecclevelbytesyfmtword[t+((ecclevel-1)3)];//lowbytefor(k0;k8;k++,y1)if(y1){qrframe[(width-1-k)+width*8]1;if(k6)qrframe[8+width*k]1;elseqrframe[8+width*(k+1)]1;}//highbytefor(k0;k7;k++,y1)if(y1){qrframe[8+width*(width-7+k)]1;if(k)qrframe[(6-k)+width*8]1;elseqrframe[7+width*8]1;}returnqrframe;}var_canvasnull;varapi{getecclevel(){returnecclevel;},setecclevel(val){ecclevelval;},getsize(){return_size;},setsize(val){_sizeval},getcanvas(){return_canvas;},setcanvas(el){_canvasel;},getFrame:function(string){returngenframe(string);},//杩欓噷鐨剈tf16to8(str)鏄Text涓殑瀛楃涓茶繘琛岃浆鐮侊紝璁╁叾鏀寔涓枃utf16to8:function(str){varout,i,len,c;out"";lenstr.length;for(i0;ilen;i++){cstr.charCodeAt(i);if((c0x0001)(c0x007F)){out+str.charAt(i);}elseif(c0x07FF){out+String.fromCharCode(0xE0|((c12)0x0F));out+String.fromCharCode(0x80|((c6)0x3F));out+String.fromCharCode(0x80|((c0)0x3F));}else{out+String.fromCharCode(0xC0|((c6)0x1F));out+String.fromCharCode(0x80|((c0)0x3F));}}returnout;},/***鏂板$this鍙傛暟锛屼紶鍏ョ粍浠剁殑this,鍏煎鍦ㄧ粍浠朵腑鐢熸垚*/draw:function(str,canvas,cavW,cavH,$this,ecc){varthatthis;ecclevelecc||ecclevel;canvascanvas||_canvas;if(!canvas){console.warn('NocanvasprovidedtodrawQRcodein!')return;}varsizeMath.min(cavW,cavH);strthat.utf16to8(str);//澧炲姞涓枃鏄剧ずvarframethat.getFrame(str),//缁勪欢涓敓鎴恞rcode闇€瑕佺粦瀹歵hisctxwx.createCanvasContext(canvas,$this),//pxMath.round(size/(width+8));//varroundedSizepx*(width+8),pxMath.round(size/(width+0));varroundedSizepx*(width+0),offsetMath.floor((size-roundedSize)/2);sizeroundedSize;//ctx.clearRect(0,0,cavW,cavW);ctx.setFillStyle('#ffffff')ctx.fillRect(0,0,cavW,cavW);ctx.setFillStyle('#000000');for(vari0;iwidth;i++){for(varj0;jwidth;j++){if(frame[j*width+i]){ctx.fillRect(px*(0+i)+offset,px*(0+j)+offset,px,px);//ctx.fillRect(px*(4+i)+offset,px*(4+j)+offset,px,px);}}}ctx.draw();//true涓虹户缁粯鍒�鍚堟垚canvas娣诲姞浜岀淮鐮佷細鐢ㄥ埌}}module.exports{api}//exports.drawapi;})();