| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-my-signature-signature"],{"0485":function(t,e,i){"use strict";var a=i("4ea4");Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=a(i("0a3a")),s={data:function(){return{lineColor:"black",slideValue:25,handwriting:"",selectColor:"black",color:"",showimg:"",share_popup:!1}},onLoad:function(){this.handwriting=new n.default({lineColor:this.lineColor,slideValue:this.slideValue,canvasName:"handWriting"})},methods:{selectColorEvent:function(t){this.selectColor=t,"black"==t?this.color="#1A1A1A":"red"==t&&(this.color="#ca262a"),this.handwriting.selectColorEvent(this.color)},retDraw:function(){this.handwriting.retDraw()},updateValue:function(t){console.log(t.detail),this.slideValue=t.detail.value,this.handwriting.selectSlideValue(this.slideValue)},uploadScaleStart:function(t){this.handwriting.uploadScaleStart(t)},uploadScaleMove:function(t){this.handwriting.uploadScaleMove(t)},uploadScaleEnd:function(t){this.handwriting.uploadScaleEnd(t)},subCanvas:function(){var t=this;this.handwriting.saveCanvas().then((function(e){t.showimg=e,console.log(e),t.$api.worksheet_baseimg({staff_num:uni.getStorageSync("user").staff_num,base_img:e}).then((function(t){uni.showToast({icon:"none",title:"保存成功"}),setTimeout((function(){uni.navigateBack()}),1500),console.log(t)}))})).catch((function(t){console.log(t)}))}}};e.default=s},"0a3a":function(t,e,i){"use strict";var a=i("4ea4");i("cb29"),i("d3b7"),i("acd8"),i("ac1f"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=a(i("d4ec")),s=a(i("bee2")),c=a(i("ade3")),o=function(){function t(e){(0,n.default)(this,t),(0,c.default)(this,"ctx",""),(0,c.default)(this,"canvasWidth",300),(0,c.default)(this,"canvasHeight",900),(0,c.default)(this,"linePrack",[]),(0,c.default)(this,"currentLine",[]),(0,c.default)(this,"transparent",1),(0,c.default)(this,"pressure",.5),(0,c.default)(this,"smoothness",100),(0,c.default)(this,"lineSize",1.5),(0,c.default)(this,"lineMin",.5),(0,c.default)(this,"lineMax",2),(0,c.default)(this,"currentPoint",{}),(0,c.default)(this,"firstTouch",!0),(0,c.default)(this,"radius",1),(0,c.default)(this,"cutArea",{top:0,right:0,bottom:0,left:0}),(0,c.default)(this,"lastPoint",0),(0,c.default)(this,"chirography",[]),(0,c.default)(this,"startY",0),(0,c.default)(this,"deltaY",0),(0,c.default)(this,"startValue",0),console.log(e),this.lineColor=e.lineColor||"#1A1A1A",this.slideValue=e.slideValue||50,this.canvasName=e.canvasName||"handWriting",this.init()}return(0,s.default)(t,[{key:"init",value:function(){var t=this;this.ctx=uni.createCanvasContext(this.canvasName);var e=uni.createSelectorQuery();e.select(".handCenter").boundingClientRect((function(e){console.log(e),t.canvasWidth=e.width,t.canvasHeight=e.height})).exec(),this.selectSlideValue(this.slideValue)}},{key:"uploadScaleStart",value:function(t){console.log("start");var e=t.mp;if(console.log(e.touches[0]),"touchstart"!=e.type)return!1;this.ctx.setFillStyle(this.lineColor),this.ctx.setGlobalAlpha(this.transparent),this.currentPoint={x:e.touches[0].x,y:e.touches[0].y},this.currentLine.unshift({time:(new Date).getTime(),dis:0,x:this.currentPoint.x,y:this.currentPoint.y}),this.firstTouch&&(this.cutArea={top:this.currentPoint.y,right:this.currentPoint.x,bottom:this.currentPoint.y,left:this.currentPoint.x},this.firstTouch=!1),this.pointToLine(this.currentLine)}},{key:"uploadScaleMove",value:function(t){console.log("move");var e=t.mp;if("touchmove"!=e.type)return!1;e.cancelable&&(e.defaultPrevented||e.preventDefault());var i={x:e.touches[0].x,y:e.touches[0].y};i.y<this.cutArea.top&&(this.cutArea.top=i.y),i.y<0&&(this.cutArea.top=0),i.x>this.cutArea.right&&(this.cutArea.right=i.x),this.canvasWidth-i.x<=0&&(this.cutArea.right=this.canvasWidth),i.y>this.cutArea.bottom&&(this.cutArea.bottom=i.y),this.canvasHeight-i.y<=0&&(this.cutArea.bottom=this.canvasHeight),i.x<this.cutArea.left&&(this.cutArea.left=i.x),i.x<0&&(this.cutArea.left=0),this.lastPoint=this.currentPoint,this.currentPoint=i,this.currentLine.unshift({time:(new Date).getTime(),dis:this.distance(this.currentPoint,this.lastPoint,"move"),x:i.x,y:i.y}),this.pointToLine(this.currentLine)}},{key:"uploadScaleEnd",value:function(t){var e=t.mp;if("touchend"!=e.type)return 0;console.log(e);var i={x:e.changedTouches[0].x,y:e.changedTouches[0].y};if(this.lastPoint=this.currentPoint,this.currentPoint=i,this.currentLine.unshift({time:(new Date).getTime(),dis:this.distance(this.currentPoint,this.lastPoint,"end"),x:i.x,y:i.y}),this.currentLine.length>2)this.currentLine[0].time,this.currentLine[this.currentLine.length-1].time,this.currentLine.length;this.pointToLine(this.currentLine);var a={lineSize:this.lineSize,lineColor:this.lineColor};this.chirography.unshift(a),this.linePrack.unshift(this.currentLine),this.currentLine=[]}},{key:"retDraw",value:function(){this.ctx.clearRect(0,0,700,730),this.ctx.draw()}},{key:"pointToLine",value:function(t){this.calcBethelLine(t)}},{key:"calcBethelLine",value:function(t){if(t.length<=1)t[0].r=this.radius;else{var e,i,a,n,s,c,o,r,l,h,u=0,d=0,f=.5;t.length<=2?(e=t[1].x,n=t[1].y,a=t[1].x+(t[0].x-t[1].x)*f,c=t[1].y+(t[0].y-t[1].y)*f,i=e+(a-e)*f,s=n+(c-n)*f):(e=t[2].x+(t[1].x-t[2].x)*f,n=t[2].y+(t[1].y-t[2].y)*f,i=t[1].x,s=t[1].y,a=i+(t[0].x-i)*f,c=s+(t[0].y-s)*f),l=this.distance({x:a,y:c},{x:e,y:n},"calc"),h=this.radius;for(var v=0;v<t.length-1;v++)if(u+=t[v].dis,d+=t[v].time-t[v+1].time,u>this.smoothness)break;this.radius=Math.min(d/l*this.pressure+this.lineMin,this.lineMax)*this.lineSize,t[0].r=this.radius,t.length<=2?(o=(h+this.radius)/2,r=o,r):(o=(t[2].r+t[1].r)/2,r=t[1].r,(t[1].r+t[0].r)/2);for(var x=5,y=[],g=0;g<x;g++){var p=g/(x-1),m=(1-p)*(1-p)*e+2*p*(1-p)*i+p*p*a,w=(1-p)*(1-p)*n+2*p*(1-p)*s+p*p*c,b=h+(this.radius-h)/x*g;if(y.push({x:m,y:w,r:b}),3==y.length){var k=this.ctaCalc(y[0].x,y[0].y,y[0].r,y[1].x,y[1].y,y[1].r,y[2].x,y[2].y,y[2].r);k[0].color=this.lineColor,this.bethelDraw(k,1),y=[{x:m,y:w,r:b}]}}}}},{key:"distance",value:function(t,e,i){var a=e.x-t.x,n=e.y-t.y;return 5*Math.sqrt(a*a+n*n)}},{key:"ctaCalc",value:function(t,e,i,a,n,s,c,o,r){var l,h,u,d,f,v,x,y,g,p=[];l=a-t,h=n-e,u=2*Math.sqrt(l*l+h*h+1e-4),l=l/u*i,h=h/u*i,d=h,f=-l,v=a-c,x=n-o,u=2*Math.sqrt(v*v+x*x+1e-4),v=v/u*r,x=x/u*r,y=-x,g=v,p.push({mx:t+d,my:e+f,color:"#1A1A1A"}),p.push({c1x:a+d,c1y:n+f,c2x:a+y,c2y:n+g,ex:c+y,ey:o+g}),p.push({c1x:c+y-v,c1y:o+g-x,c2x:c-y-v,c2y:o-g-x,ex:c-y,ey:o-g}),p.push({c1x:a-y,c1y:n-g,c2x:a-d,c2y:n-f,ex:t-d,ey:e-f}),p.push({c1x:t-d-l,c1y:e-f-h,c2x:t+d-l,c2y:e+f-h,ex:t+d,ey:e+f}),p[0].mx=p[0].mx.toFixed(1),p[0].mx=parseFloat(p[0].mx),p[0].my=p[0].my.toFixed(1),p[0].my=parseFloat(p[0].my);for(var m=1;m<p.length;m++)p[m].c1x=p[m].c1x.toFixed(1),p[m].c1x=parseFloat(p[m].c1x),p[m].c1y=p[m].c1y.toFixed(1),p[m].c1y=parseFloat(p[m].c1y),p[m].c2x=p[m].c2x.toFixed(1),p[m].c2x=parseFloat(p[m].c2x),p[m].c2y=p[m].c2y.toFixed(1),p[m].c2y=parseFloat(p[m].c2y),p[m].ex=p[m].ex.toFixed(1),p[m].ex=parseFloat(p[m].ex),p[m].ey=p[m].ey.toFixed(1),p[m].ey=parseFloat(p[m].ey);return p}},{key:"bethelDraw",value:function(t,e,i){this.ctx.beginPath(),this.ctx.moveTo(t[0].mx,t[0].my),void 0!=i?(this.ctx.setFillStyle(i),this.ctx.setStrokeStyle(i)):(this.ctx.setFillStyle(t[0].color),this.ctx.setStrokeStyle(t[0].color));for(var a=1;a<t.length;a++)this.ctx.bezierCurveTo(t[a].c1x,t[a].c1y,t[a].c2x,t[a].c2y,t[a].ex,t[a].ey);this.ctx.stroke(),void 0!=e&&this.ctx.fill(),this.ctx.draw(!0)}},{key:"selectColorEvent",value:function(t){this.lineColor=t}},{key:"selectSlideValue",value:function(t){switch(t){case 0:this.lineSize=.1,this.lineMin=.1,this.lineMax=.1;break;case 25:this.lineSize=1,this.lineMin=.5,this.lineMax=2;break;case 50:this.lineSize=1.5,this.lineMin=1,this.lineMax=3;break;case 75:this.lineSize=1.5,this.lineMin=2,this.lineMax=3.5;break;case 100:this.lineSize=3,this.lineMin=2,this.lineMax=3.5;break}}},{key:"saveCanvas",value:function(){var t=this;return new Promise((function(e,i){uni.canvasToTempFilePath({canvasId:t.canvasName,success:function(t){e(t.tempFilePath)},fail:function(t){console.log("图片生成失败："+t),i(t)}})}))}}]),t}(),r=o;e.default=r},3256:function(t,e,i){"use strict";i.r(e);var a=i("fc2f"),n=i("9cef");for(var s in n)"default"!==s&&function(t){i.d(e,t,(function(){return n[t]}))}(s);i("5c33");var c,o=i("f0c5"),r=Object(o["a"])(n["default"],a["b"],a["c"],!1,null,"4d807ca5",null,!1,a["a"],c);e["default"]=r.exports},"5c33":function(t,e,i){"use strict";var a=i("f369"),n=i.n(a);n.a},9475:function(t,e,i){var a=i("24fb");e=a(!1),e.push([t.i,"uni-view[data-v-4d807ca5]{display:flex}.wrapper[data-v-4d807ca5]{width:100%;height:100%;margin:%?30?% 0;overflow:hidden;display:flex;align-content:center;flex-direction:column;justify-content:center;font-size:%?28?%}.handWriting[data-v-4d807ca5]{background:#fff;width:100%;height:%?350?%}.handRight[data-v-4d807ca5]{align-items:center}.handCenter[data-v-4d807ca5]{border:%?4?% dashed #e9e9e9;flex:5;overflow:hidden;box-sizing:border-box;width:90%;margin:0 auto}.handTitle[data-v-4d807ca5]{flex:1;color:#666;justify-content:center;font-size:%?30?%}.handBtn[data-v-4d807ca5]{flex-direction:column;padding:%?40?% 0;width:90%;margin:0 auto}.buttons[data-v-4d807ca5]{width:100%;margin-top:%?100?%;justify-content:space-between}.buttons>uni-button[data-v-4d807ca5]{font-size:%?30?%;height:%?80?%;width:%?120?%}.delBtn[data-v-4d807ca5]{color:#666}.color[data-v-4d807ca5]{align-items:center}.color>uni-text[data-v-4d807ca5]{margin-right:%?20?%}.subBtn[data-v-4d807ca5]{background:#008ef6;color:#fff;text-align:center;justify-content:center}.black-select[data-v-4d807ca5]{width:%?60?%;height:%?60?%}.black-select.color_select[data-v-4d807ca5]{width:%?90?%;height:%?90?%}.red-select[data-v-4d807ca5]{width:%?60?%;height:%?60?%}.red-select.color_select[data-v-4d807ca5]{width:%?90?%;height:%?90?%}.slide-wrapper[data-v-4d807ca5]{align-items:center;margin-bottom:%?20?%}.slider[data-v-4d807ca5]{width:%?400?%;padding-left:%?20?%}.drop[data-v-4d807ca5]{width:%?50?%;height:%?50?%;border-radius:50%;background:#fff;position:absolute;left:%?0?%;top:%?-10?%;box-shadow:0 1px 5px #888}.slide[data-v-4d807ca5]{width:%?250?%;height:%?30?%}.showimg[data-v-4d807ca5]{border:%?4?% solid #e9e9e9;overflow:hidden;width:90%;margin:0 auto;background:#eee;height:%?350?%;margin-top:%?40?%;align-items:center;justify-content:center}.showimg>uni-image[data-v-4d807ca5]{width:100%;height:100%}.showimg>uni-text[data-v-4d807ca5]{font-size:%?40?%;color:#888}",""]),t.exports=e},"9cef":function(t,e,i){"use strict";i.r(e);var a=i("0485"),n=i.n(a);for(var s in a)"default"!==s&&function(t){i.d(e,t,(function(){return a[t]}))}(s);e["default"]=n.a},cb29:function(t,e,i){var a=i("23e7"),n=i("81d5"),s=i("44d2");a({target:"Array",proto:!0},{fill:n}),s("fill")},f369:function(t,e,i){var a=i("9475");"string"===typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);var n=i("4f06").default;n("381da787",a,!0,{sourceMap:!1,shadowMode:!1})},fc2f:function(t,e,i){"use strict";var a;i.d(e,"b",(function(){return n})),i.d(e,"c",(function(){return s})),i.d(e,"a",(function(){return a}));var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{staticClass:"wrapper"},[i("v-uni-view",{staticClass:"handRight"}),i("v-uni-view",{staticClass:"handBtn"},[i("v-uni-view",{staticClass:"slide-wrapper"},[i("v-uni-text",[t._v("选择粗细")]),i("v-uni-slider",{staticClass:"slider",attrs:{value:"25","show-value":!0,step:"25"},on:{change:function(e){arguments[0]=e=t.$handleEvent(e),t.updateValue.apply(void 0,arguments)}}})],1)],1),i("v-uni-view",{staticClass:"handCenter"},[i("v-uni-canvas",{staticClass:"handWriting",attrs:{"disable-scroll":"true","canvas-id":"handWriting"},on:{touchstart:function(e){arguments[0]=e=t.$handleEvent(e),t.uploadScaleStart.apply(void 0,arguments)},touchmove:function(e){arguments[0]=e=t.$handleEvent(e),t.uploadScaleMove.apply(void 0,arguments)},touchend:function(e){arguments[0]=e=t.$handleEvent(e),t.uploadScaleEnd.apply(void 0,arguments)},click:function(e){arguments[0]=e=t.$handleEvent(e),t.mouseDown.apply(void 0,arguments)}}})],1),i("v-uni-view",{staticClass:"showimg"},[t.showimg?i("v-uni-image",{attrs:{src:t.showimg,mode:""}}):i("v-uni-text",[t._v("图片展示")])],1),i("v-uni-view",{staticClass:"buttons"},[i("v-uni-button",{staticClass:"delBtn",on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.retDraw.apply(void 0,arguments)}}},[t._v("重写")]),i("v-uni-button",{staticClass:"subBtn",on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.subCanvas.apply(void 0,arguments)}}},[t._v("保存")])],1)],1)},s=[]}}]);
|
