(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{1137:function(e,t,a){"use strict";a.r(t);a(37);var n=a(10),c=a.n(n),r=a(3),i=a(5),s=a(4),o=a(6),d=a(7),l=a(50),m=a(0),u=a.n(m),g=(a(723),a(23)),v=a(2),h=a(434),f=a.n(h),p=function(e){function t(e){var a;return Object(r.a)(this,t),(a=Object(s.a)(this,Object(o.a)(t).call(this,e))).initCanvas=function(e,t){var n=Object(l.a)(Object(l.a)(a)),c=e[t].poster,r=450*e[t].header_position_x,i=800*e[t].header_position_y-18,s=450*e[t].qr_code_x,o=800*e[t].qr_code_y+7,d=(e[t].qr_code_width,e[t].qr_code_height,"https://m.julyedu.com/detail?id=".concat(Object(v.c)("courseId"),"&dist_code").concat(Object(v.c)("dist_code")),document.getElementById("canvas")),m=d.getContext("2d");n.getBase64(c).then(function(a){var c=new Image;c.src=a;var d=document.getElementById("qrcode"),l=navigator.userAgent.toLowerCase();l.indexOf("Android")>-1||l.indexOf("Adr"),l.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)?d=document.getElementById("qrcode"):/(Android)/i.test(navigator.userAgent)&&(d=document.getElementById("qrcode")),c.setAttribute("crossOrigin","anonymous"),c.onload=function(){m.drawImage(c,0,0,450,800),m.drawImage(d,s,o,100,100),m.fillStyle=e[t].username_color,m.font="16px serif",m.fillText("@"+n.state.name,r+50+20,i+25),m.font="14px serif",m.fillText("\u6b63\u5728\u5b66\u4e60\u8be5\u8bfe\u7a0b",r+50+20,i+25+20),m.restore()}}).then(function(){n.getBase64(n.state.imgUrl).then(function(e){var t=new Image;t.src=e,t.setAttribute("crossOrigin","anonymous"),t.setAttribute("border-Radius","50%"),t.onload=function(){n.imgPosition(m,t,r,i,24),m.drawImage(t,r,i,48,48),m.restore(),n.setState({billSrc:n.convertCanvasToImage(d)})}})})},a.children=function(e,t){var a=e.childNodes,n=[];if(/MSIE(6|7|8)/.test(navigator.userAgent))for(var c=0;c<a.length;c++){var r=a[c];1===r.nodeType&&(n[n.length]=r)}else n=Array.prototype.slice.call(e.children);if("string"===typeof t)for(var i=0;i<n.length;i++)(e=n[i]).nodeName.toLowerCase()!==t.toLowerCase()&&(n.splice(i,1),i--);return n},a.imgPosition=function(e,t,a,n,c){e.save();var r=a+c,i=n+c;e.beginPath(),e.arc(r,i,c,0,2*Math.PI),e.clip()},a.getBase64Image=function(e){var t=document.createElement("canvas");t.width=e.width,t.height=e.height,t.getContext("2d").drawImage(e,0,0,e.width,e.height);var a=e.src.substring(e.src.lastIndexOf(".")+1).toLowerCase();return t.toDataURL("image/"+a)},a.convertCanvasToImage=function(e){var t=new Image;return t.src=e.toDataURL("image/png"),t},a.squareClick=function(e){a.setState({smallactive:e}),a.initCanvas(a.state.bgImage,e)},a.state={codeSrc:"",billSrc:"",imgUrl:"",smallListImg:[],smallactive:0,distPrice:"",name:"",bgImage:[]},a}return Object(d.a)(t,e),Object(i.a)(t,[{key:"componentDidMount",value:function(){var e=this;this.getCodeWe(),v.e.get("".concat(API.home,"/m/dist/posters/").concat(Object(v.c)("courseId"),"/").concat(Object(v.c)("uid"))).then(function(t){200===t.data.code?(e.setState({imgUrl:t.data.data.avatar,smallListImg:t.data.data.list,distPrice:t.data.data.dist_course,bgImage:t.data.data.list,name:t.data.data.username}),e.initCanvas(e.state.bgImage,0)):c.a.info(t.data.msg,2)})}},{key:"getCodeWe",value:function(){var e=this,t="https://m.julyedu.com/detail?id=".concat(Object(v.c)("courseId"),"&dist_code=").concat(Object(v.c)("dist_code"));return new Promise(function(a){f.a.toDataURL(t,{},function(t,a){e.setState({codeSrc:a})}),a()})}},{key:"getBase64",value:function(e){var t=this;return new Promise(function(a){var n=null,c=new Image,r=+new Date;c.setAttribute("crossOrigin","anonymous"),c.src=e+"?"+r,c.onload=function(){n=t.getBase64Image(c),a(n)},c.onerror=function(){var a=+new Date;t.getBase64(e+"?"+a)}})}},{key:"render",value:function(){var e=this,t=this.state,a=t.distPrice,n=void 0===a?{}:a,c=t.smallListImg,r=void 0===c?[]:c,i=t.smallactive;return u.a.createElement("div",{className:"share-poster"},u.a.createElement(g.e,{title:"\u751f\u6210\u4e13\u5c5e\u6d77\u62a5",arrow:!0,cart:!1}),u.a.createElement("div",{className:"total-container"},u.a.createElement("div",{className:"placard-img-container",id:"imgWrapper"},u.a.createElement("img",{src:this.state.billSrc.src,alt:""})),u.a.createElement("img",{src:this.state.codeSrc,alt:"",id:"qrcode",className:"placard-code"}),u.a.createElement("canvas",{id:"canvas",width:"450",height:"800",className:""===this.state.billSrc?"":"hide"})),u.a.createElement("div",{className:"placard-desc"},u.a.createElement("span",{className:"placard-sharetxt"},"\u957f\u6309\u4fdd\u5b58\u6d77\u62a5\u5206\u4eab\u7ed9\u597d\u53cb\uff0c\u6bcf\u6709\u4e00\u4eba\u901a\u8fc7\u60a8\u7684\u5206\u4eab\u8d2d\u4e70\u8be5\u8bfe\u7a0b\uff0c\u60a8\u53ef\u4ee5",0===n.count_type&&u.a.createElement("span",{className:"placard-price"},"\u83b7\u5f97",n.first_level_tip,"\u5143\u7684\u4f63\u91d1\u5956\u52b1\u3002"),1===n.count_type&&u.a.createElement("span",{className:"placard-price"},"\u83b7\u5f97\u6210\u4ea4\u91d1\u989d\u7684",n.first_level_scale,"%\u4f5c\u4e3a\u4f63\u91d1\u5956\u52b1\u3002"))),u.a.createElement("div",{className:"placard-swiper"},u.a.createElement("ul",{className:"placard-list"},r.length>0&&r.map(function(t,a){return u.a.createElement("li",{onClick:e.squareClick.bind(e,a),key:a,className:i===a?"active":""},u.a.createElement("img",{src:t.square,alt:""}))}))))}}]),t}(m.Component);t.default=p},723:function(e,t,a){}}]);
//# sourceMappingURL=shareposter.3c664772.chunk.js.map