lucky-scratch 1.1.1 → 1.1.2

package/dist/index.esm.js

@@ -1,16 +1,1505 @@
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
+
+(function(l, r) { if (!l || l.getElementById('livereloadscript')) return; r = l.createElement('script'); r.async = 1; r.src = '//' + (self.location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1'; r.id = 'livereloadscript'; l.getElementsByTagName('head')[0].appendChild(r) })(self.document);
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};var e=function(){return e=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t},e.apply(this,arguments)};function n(t,e,n,i){return new(n||(n=Promise))(function(r,o){function s(t){try{c(i.next(t))}catch(t){o(t)}}function a(t){try{c(i.throw(t))}catch(t){o(t)}}function c(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n(function(t){t(e)})).then(s,a)}c((i=i.apply(t,e||[])).next())})}function i(t,e){var n,i,r,o,s={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return o={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function a(o){return function(a){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;s;)try{if(n=1,i&&(r=2&o[0]?i.return:o[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;switch(i=0,r&&(o=[2&o[0],r.value]),o[0]){case 0:case 1:r=o;break;case 4:return s.label++,{value:o[1],done:!1};case 5:s.label++,i=o[1],o=[0];continue;case 7:o=s.ops.pop(),s.trys.pop();continue;default:if(!(r=s.trys,(r=r.length>0&&r[r.length-1])||6!==o[0]&&2!==o[0])){s=0;continue}if(3===o[0]&&(!r||o[1]>r[0]&&o[1]<r[3])){s.label=o[1];break}if(6===o[0]&&s.label<r[1]){s.label=r[1],r=o;break}if(r&&s.label<r[2]){s.label=r[2],s.ops.push(o);break}r[2]&&s.ops.pop(),s.trys.pop();continue}o=e.call(t,s)}catch(t){o=[6,t],i=0}finally{n=r=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,a])}}}function r(t,e){for(var n=0,i=e.length,r=t.length;n<i;n++,r++)t[r]=e[n];return t}Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(t,e){if(null==this)throw new TypeError('"this" is null or not defined');var n=Object(this),i=n.length>>>0;if(0===i)return!1;var r=0|e,o=Math.max(r>=0?r:i-Math.abs(r),0);function s(t,e){return t===e||"number"==typeof t&&"number"==typeof e&&isNaN(t)&&isNaN(e)}for(;o<i;){if(s(n[o],t))return!0;o++}return!1}}),String.prototype.includes||(String.prototype.includes=function(t,e){return"number"!=typeof e&&(e=0),!(e+t.length>this.length)&&-1!==this.indexOf(t,e)}),Array.prototype.find||Object.defineProperty(Array.prototype,"find",{value:function(t){if(null==this)throw new TypeError('"this" is null or not defined');var e=Object(this),n=e.length>>>0;if("function"!=typeof t)throw new TypeError("predicate must be a function");for(var i=arguments[1],r=0;r<n;){var o=e[r];if(t.call(i,o,r,e))return o;r++}}});var o=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return e.some(function(e){return Object.prototype.toString.call(t).slice(8,-1).toLowerCase()===e})},s="1.1.0",a=function(){function t(){this.subs=[]}return t.prototype.addSub=function(t){this.subs.includes(t)||this.subs.push(t)},t.prototype.notify=function(){this.subs.forEach(function(t){t.update()})},t}(),c="__proto__"in{};function h(t,e,n,i){Object.defineProperty(t,e,{value:n,enumerable:!!i,writable:!0,configurable:!0})}var l=Array.prototype,u=Object.create(l);["push","pop","shift","unshift","sort","splice","reverse"].forEach(function(t){u[t]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];var i=l[t].apply(this,e),r=this.__luckyOb__;return["push","unshift","splice"].includes(t)&&r.walk(this),r.dep.notify(),i}});var f=function(){function t(t){this.dep=new a,h(t,"__luckyOb__",this),Array.isArray(t)&&(c?t.__proto__=u:Object.getOwnPropertyNames(u).forEach(function(e){h(t,e,u[e])})),this.walk(t)}return t.prototype.walk=function(t){Object.keys(t).forEach(function(e){p(t,e,t[e])})},t}();function d(t){if(t&&"object"==typeof t)return"__luckyOb__"in t?t.__luckyOb__:new f(t)}function p(t,e,n){var i=new a,r=Object.getOwnPropertyDescriptor(t,e);if(!r||!1!==r.configurable){var o=r&&r.get,s=r&&r.set;o&&!s||2!==arguments.length||(n=t[e]);var c=d(n);Object.defineProperty(t,e,{get:function(){var e=o?o.call(t):n;return a.target&&(i.addSub(a.target),c&&c.dep.addSub(a.target)),e},set:function(e){e!==n&&(n=e,o&&!s||(s?s.call(t,e):n=e,c=d(e),i.notify()))}})}}var v=0,g=function(){function t(t,e,n,i){void 0===i&&(i={}),this.id=v++,this.$lucky=t,this.expr=e,this.deep=!!i.deep,this.getter="function"==typeof e?e:function(t){t+=".";for(var e=[],n="",i=0;i<t.length;i++){var r=t[i];if(/\[|\./.test(r))e.push(n),n="";else{if(/\W/.test(r))continue;n+=r}}return function(t){return e.reduce(function(t,e){return t[e]},t)}}(e),this.cb=n,this.value=this.get()}return t.prototype.get=function(){a.target=this;var t=this.getter.call(this.$lucky,this.$lucky);return this.deep&&function(t){var e=function(t){o(t,"array","object")&&Object.keys(t).forEach(function(n){var i=t[n];e(i)})};e(t)}(t),a.target=null,t},t.prototype.update=function(){var t=this.get(),e=this.value;this.value=t,this.cb.call(this.$lucky,t,e)},t}(),y=function(r){function o(t,e){var n=r.call(this,t,{width:e.width||"300px",height:e.height||"150px"})||this;return n.mask={},n.scratch={radius:20,percent:.5},n.progress=0,n.isScratching=!1,n.isCompleted=!1,n.disabled=!1,n.isFirstScratch=!0,n.eventsInitialized=!1,n.initData(e),n.init(),n}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}(o,r),o.prototype.initData=function(t){this.$set(this,"mask",e({type:"color",color:"#ccc"},t.mask)),this.$set(this,"scratch",e({radius:20,percent:.5},t.scratch)),this.$set(this,"onceBeforeStartCallback",t.onceBeforeStart),this.$set(this,"beforeStartCallback",t.beforeStart),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end),this.$set(this,"successCallback",t.success),this.$set(this,"afterInitCallback",t.afterInit)},o.prototype.resize=function(){var t,e;r.prototype.resize.call(this),this.draw(),null===(e=(t=this.config).afterResize)||void 0===e||e.call(t)},o.prototype.init=function(){var t;return n(this,void 0,void 0,function(){return i(this,function(e){switch(e.label){case 0:return this.initLucky(),this.progress=0,this.isScratching=!1,this.isCompleted=!1,this.isFirstScratch=!0,[4,this.draw()];case 1:return e.sent(),this.handleBindEvents(),null===(t=this.afterInitCallback)||void 0===t||t.call(this),[2]}})})},o.prototype.draw=function(){var t,e,r,o;return n(this,void 0,void 0,function(){var n,s,a;return i(this,function(i){switch(i.label){case 0:return null===(e=(t=this.config).beforeInit)||void 0===e||e.call(t),this.clearCanvas(),s=(n=this).mask,n.scratch,"image"===s.type&&s.src?[4,this.loadImg(s.src,{src:s.src})]:[3,2];case 1:return a=i.sent(),this.ctx.drawImage(a,0,0,this.boxWidth,this.boxHeight),[3,3];case 2:this.ctx.fillStyle=s.color||"#ccc",this.ctx.fillRect(0,0,this.boxWidth,this.boxHeight),i.label=3;case 3:return null===(o=(r=this.config).afterInit)||void 0===o||o.call(r),[2]}})})},o.prototype.handleBindEvents=function(){var t=this;if(!this.eventsInitialized){this.eventsInitialized=!0;var e=this.config.canvasElement;e&&(e.addEventListener("touchstart",function(e){t.handleStart(e.touches[0])}),e.addEventListener("touchmove",function(e){e.preventDefault(),t.handleMove(e.touches[0])}),e.addEventListener("touchend",function(){t.handleEnd()}),e.addEventListener("mousedown",function(e){t.handleStart(e)}),e.addEventListener("mousemove",function(e){e.preventDefault(),t.handleMove(e)}),document.addEventListener("mouseup",function(){t.handleEnd()}))}},o.prototype.handleStart=function(t){var e;return n(this,void 0,void 0,function(){var n,r;return i(this,function(i){switch(i.label){case 0:if(this.isCompleted||this.disabled)return[2];if(!this.isFirstScratch||!this.onceBeforeStartCallback)return[3,5];i.label=1;case 1:return i.trys.push([1,3,,4]),[4,this.onceBeforeStartCallback()];case 2:return!1===i.sent()?[2]:[3,4];case 3:return n=i.sent(),console.error("onceBeforeStart 回调执行出错:",n),[2];case 4:this.isFirstScratch=!1,i.label=5;case 5:if(!this.beforeStartCallback)return[3,9];i.label=6;case 6:return i.trys.push([6,8,,9]),[4,this.beforeStartCallback()];case 7:return!1===i.sent()?[2]:[3,9];case 8:return r=i.sent(),console.error("beforeStart 回调执行出错:",r),[2];case 9:return this.isScratching=!0,null===(e=this.startCallback)||void 0===e||e.call(this),this.drawArc(t),[2]}})})},o.prototype.handleMove=function(t){!this.isScratching||this.isCompleted||this.disabled||this.drawArc(t)},o.prototype.handleEnd=function(){var t;!this.isScratching||this.isCompleted||this.disabled||(this.isScratching=!1,this.checkProgress(),null===(t=this.endCallback)||void 0===t||t.call(this))},o.prototype.drawArc=function(t){var e=this.config.canvasElement;if(e){var n=e.getBoundingClientRect(),i=(t.clientX-n.left)*this.config.dpr,r=(t.clientY-n.top)*this.config.dpr;this.drawArcAt(i,r)}},o.prototype.drawArcAt=function(t,e){this.ctx.globalCompositeOperation="destination-out",this.ctx.beginPath(),this.ctx.arc(t,e,this.scratch.radius*this.config.dpr,0,2*Math.PI),this.ctx.fill(),this.ctx.globalCompositeOperation="source-over"},o.prototype.checkProgress=function(){var t;try{for(var e=this.ctx.getImageData(0,0,this.boxWidth*this.config.dpr,this.boxHeight*this.config.dpr).data,n=0,i=0;i<e.length;i+=4)e[i+3]<128&&n++;this.progress=n/(e.length/4),this.progress>=this.scratch.percent&&(this.isCompleted=!0,this.clearCanvas(),null===(t=this.successCallback)||void 0===t||t.call(this,this.progress))}catch(t){console.error("无法计算刮开进度，可能是因为图片跨域:",t)}},o.prototype.setDisabled=function(t){this.disabled=t},o.prototype.handleTouchStart=function(t,e){var r;return n(this,void 0,void 0,function(){var n,o;return i(this,function(i){switch(i.label){case 0:if(this.isCompleted||this.disabled)return[2];if(!this.isFirstScratch||!this.onceBeforeStartCallback)return[3,5];i.label=1;case 1:return i.trys.push([1,3,,4]),[4,this.onceBeforeStartCallback()];case 2:return!1===i.sent()?[2]:[3,4];case 3:return n=i.sent(),console.error("onceBeforeStart 回调执行出错:",n),[2];case 4:this.isFirstScratch=!1,i.label=5;case 5:if(!this.beforeStartCallback)return[3,9];i.label=6;case 6:return i.trys.push([6,8,,9]),[4,this.beforeStartCallback()];case 7:return!1===i.sent()?[2]:[3,9];case 8:return o=i.sent(),console.error("beforeStart 回调执行出错:",o),[2];case 9:return this.isScratching=!0,null===(r=this.startCallback)||void 0===r||r.call(this),this.drawArcAt(t*this.config.dpr,e*this.config.dpr),[2]}})})},o.prototype.handleTouchMove=function(t,e){!this.isScratching||this.isCompleted||this.disabled||this.drawArcAt(t*this.config.dpr,e*this.config.dpr)},o.prototype.handleTouchEnd=function(){var t;!this.isScratching||this.isCompleted||this.disabled||(this.isScratching=!1,this.checkProgress(),null===(t=this.endCallback)||void 0===t||t.call(this))},o}(function(){function t(t,e){var n=this;this.version=s,this.htmlFontSize=16,this.rAF=function(){},this.boxWidth=0,this.boxHeight=0,"string"==typeof t?t={el:t}:1===t.nodeType&&(t={el:"",divElement:t}),this.config=t,this.data=e,t.flag||(t.flag="WEB"),t.el&&(t.divElement=document.querySelector(t.el)),t.divElement&&(t.canvasElement=document.createElement("canvas"),t.divElement.appendChild(t.canvasElement)),t.canvasElement&&(t.ctx=t.canvasElement.getContext("2d"),t.canvasElement.setAttribute("package","".concat("lucky-scratch","@").concat(s)),t.canvasElement.addEventListener("click",function(t){return n.handleClick(t)})),this.ctx=t.ctx,this.initWindowFunction(),this.config.ctx||console.error("无法获取到 CanvasContext2D"),window&&"function"==typeof window.addEventListener&&window.addEventListener("resize",function(t,e){void 0===e&&(e=300);var n=null;return function(){for(var i=this,r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];n||(n=setTimeout(function(){t.apply(i,r),clearTimeout(n),n=null},e))}}(function(){return n.resize()},300)),window&&window.document&&"function"==typeof window.MutationObserver&&"WEB"===this.config.flag&&new window.MutationObserver(function(){n.resize()}).observe(document.documentElement,{attributes:!0})}return t.prototype.resize=function(){var t,e;null===(e=(t=this.config).beforeResize)||void 0===e||e.call(t),this.setHTMLFontSize(),this.setDpr(),this.resetWidthAndHeight(),this.zoomCanvas()},t.prototype.initLucky=function(){if(this.resize(),!this.boxWidth||!this.boxHeight)return console.error("无法获取到宽度或高度")},t.prototype.handleClick=function(t){},t.prototype.setHTMLFontSize=function(){window&&window.getComputedStyle&&(this.htmlFontSize=+window.getComputedStyle(document.documentElement).fontSize.slice(0,-2))},t.prototype.clearCanvas=function(){var t=[this.boxWidth,this.boxHeight],e=t[0],n=t[1];this.ctx.clearRect(-e,-n,2*e,2*n)},t.prototype.setDpr=function(){var t=this.config;t.dpr||(window?window.dpr=t.dpr=window.devicePixelRatio||1:t.dpr||console.error(t,"未传入 dpr 可能会导致绘制异常"))},t.prototype.resetWidthAndHeight=function(){var t=this.config,e=this.data,n=0,i=0;t.divElement&&(n=t.divElement.offsetWidth,i=t.divElement.offsetHeight),this.boxWidth=this.getLength(e.width||t.width)||n,this.boxHeight=this.getLength(e.height||t.height)||i,t.divElement&&(t.divElement.style.overflow="hidden",t.divElement.style.width=this.boxWidth+"px",t.divElement.style.height=this.boxHeight+"px")},t.prototype.zoomCanvas=function(){var t=this.config,e=this.ctx,n=t.canvasElement,i=t.dpr,r=[this.boxWidth*i,this.boxHeight*i],o=r[0],s=r[1];n&&(n.width=o,n.height=s,n.style.width="".concat(o,"px"),n.style.height="".concat(s,"px"),n.style["transform-origin"]="left top",n.style.transform="scale(".concat(1/i,")"),e.scale(i,i))},t.prototype.initWindowFunction=function(){var t=this.config;if(window)return this.rAF=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(t){window.setTimeout(t,1e3/60)},t.setTimeout=window.setTimeout,t.setInterval=window.setInterval,t.clearTimeout=window.clearTimeout,void(t.clearInterval=window.clearInterval);if(t.rAF)this.rAF=t.rAF;else if(t.setTimeout){var e=t.setTimeout;this.rAF=function(t){return e(t,16.7)}}else this.rAF=function(t){return setTimeout(t,16.7)}},t.prototype.isWeb=function(){return["WEB","UNI-H5","TARO-H5"].includes(this.config.flag)},t.prototype.loadImg=function(t,e,n){var i=this;return void 0===n&&(n="$resolve"),new Promise(function(r,o){if(t||o("=> '".concat(e.src,"' 不能为空或不合法")),"WEB"!==i.config.flag)return e[n]=r,void(e.$reject=o);var s=new Image;s.crossorigin="anonymous",s.onload=function(){return r(s)},s.onerror=function(){return o("=> '".concat(e.src,"' 图片加载失败"))},s.src=t})},t.prototype.drawImage=function(t,e){for(var n,i,o,s=[],a=2;a<arguments.length;a++)s[a-2]=arguments[a];var c=this.config,h=c.flag,l=c.dpr;if(["WEB","MP-WX"].includes(h))o=e;else{if(!["UNI-H5","UNI-MP","TARO-H5","TARO-MP"].includes(h))return console.error("意料之外的 flag, 该平台尚未兼容!");o=e.path}var u=null===(i=(n=o.canvas||o).getContext)||void 0===i?void 0:i.call(n,"2d");if(u&&!this.isWeb()){s=s.map(function(t){return t*l});var f=u.getImageData.apply(u,s.slice(0,4));t.putImageData.apply(t,r([f],s.slice(4,6)))}else{8===s.length&&(s=s.map(function(t,e){return e<4?t*l:t}));try{t.drawImage.apply(t,r([o],s))}catch(t){}}},t.prototype.computedWidthAndHeight=function(t,e,n,i){if(!e.width&&!e.height)return[t.width,t.height];if(e.width&&!e.height){var r=this.getLength(e.width,n);return[r,t.height*(r/t.width)]}if(!e.width&&e.height){var o=this.getLength(e.height,i);return[t.width*(o/t.height),o]}return[this.getLength(e.width,n),this.getLength(e.height,i)]},t.prototype.changeUnits=function(t,e){var n=this;void 0===e&&(e=1);var i=this.config;return Number(t.replace(/^([-]*[0-9.]*)([a-z%]*)$/,function(t,r,o){var s={"%":function(t){return t*(e/100)},px:function(t){return 1*t},rem:function(t){return t*n.htmlFontSize},vw:function(t){return t/100*window.innerWidth}}[o];if(s)return s(r);var a=i.handleCssUnit||i.unitFunc;return a?a(r,o):r}))},t.prototype.getLength=function(t,e){return o(t,"number")?t:o(t,"string")?this.changeUnits(t,e):0},t.prototype.getOffsetX=function(t,e){return void 0===e&&(e=0),(e-t)/2},t.prototype.getOffscreenCanvas=function(t,e){if(!(n=this,i="_offscreenCanvas",Object.prototype.hasOwnProperty.call(n,i)||(window&&window.document&&"WEB"===this.config.flag?this._offscreenCanvas=document.createElement("canvas"):this._offscreenCanvas=this.config.offscreenCanvas,this._offscreenCanvas)))return console.error("离屏 Canvas 无法渲染!");var n,i,r=this.config.dpr,o=this._offscreenCanvas;o.width=(t||300)*r,o.height=(e||150)*r;var s=o.getContext("2d");return s.clearRect(0,0,t,e),s.scale(r,r),s.dpr=r,{_offscreenCanvas:o,_ctx:s}},t.prototype.$set=function(t,e,n){t&&"object"==typeof t&&p(t,e,n)},t.prototype.$computed=function(t,e,n){var i=this;Object.defineProperty(t,e,{get:function(){return n.call(i)}})},t.prototype.$watch=function(t,e,n){void 0===n&&(n={}),"object"==typeof e&&(e=(n=e).handler);var i=new g(this,t,e,n);return n.immediate&&e.call(this,i.value),function(){}},t.version=s,t}()),b=function(t,e){var n=document.createElement("canvas"),i=n.getContext("2d"),r=t.width,o=t.height;return n.width=r,n.height=o,function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];var i=e[0],r=e[1],o=e[2],s=e[3],a=e[4],c=Math.min(o,s),h=Math.PI;a>c/2&&(a=c/2),t.beginPath(),t.moveTo(i+a,r),t.lineTo(i+a,r),t.lineTo(i+o-a,r),t.arc(i+o-a,r+a,a,-h/2,0),t.lineTo(i+o,r+s-a),t.arc(i+o-a,r+s-a,a,0,h/2),t.lineTo(i+a,r+s),t.arc(i+a,r+s-a,a,h/2,h),t.lineTo(i,r+a),t.arc(i+a,r+a,a,h,-h/2),t.closePath()}(i,0,0,r,o,e),i.clip(),i.drawImage(t,0,0,r,o),n},w=function(t,e){var n=document.createElement("canvas"),i=n.getContext("2d"),r=t.width,o=t.height;if(n.width=r,n.height=o,"string"==typeof i.filter)i.filter="opacity(".concat(100*e,"%)"),i.drawImage(t,0,0,r,o);else{i.drawImage(t,0,0,r,o);for(var s=i.getImageData(0,0,r,o),a=s.data,c=a.length,h=0;h<c;h+=4){var l=a[h+3];0!==l&&(a[h+3]=l*e)}i.putImageData(s,0,0)}return n};export{y as LuckyScratch,b as cutRound,w as opacity};
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+var extendStatics = function (d, b) {
+  extendStatics = Object.setPrototypeOf || {
+    __proto__: []
+  } instanceof Array && function (d, b) {
+    d.__proto__ = b;
+  } || function (d, b) {
+    for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+  };
+  return extendStatics(d, b);
+};
+function __extends(d, b) {
+  if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+  extendStatics(d, b);
+  function __() {
+    this.constructor = d;
+  }
+  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+var __assign = function () {
+  __assign = Object.assign || function __assign(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+function __awaiter(thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+}
+function __generator(thisArg, body) {
+  var _ = {
+      label: 0,
+      sent: function () {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
+    },
+    f,
+    y,
+    t,
+    g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+  return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+    while (g && (g = 0, op[0] && (_ = 0)), _) try {
+      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+      if (y = 0, t) op = [op[0] & 2, t.value];
+      switch (op[0]) {
+        case 0:
+        case 1:
+          t = op;
+          break;
+        case 4:
+          _.label++;
+          return {
+            value: op[1],
+            done: false
+          };
+        case 5:
+          _.label++;
+          y = op[1];
+          op = [0];
+          continue;
+        case 7:
+          op = _.ops.pop();
+          _.trys.pop();
+          continue;
+        default:
+          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+            _ = 0;
+            continue;
+          }
+          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+            _.label = op[1];
+            break;
+          }
+          if (op[0] === 6 && _.label < t[1]) {
+            _.label = t[1];
+            t = op;
+            break;
+          }
+          if (t && _.label < t[2]) {
+            _.label = t[2];
+            _.ops.push(op);
+            break;
+          }
+          if (t[2]) _.ops.pop();
+          _.trys.pop();
+          continue;
+      }
+      op = body.call(thisArg, _);
+    } catch (e) {
+      op = [6, e];
+      y = 0;
+    } finally {
+      f = t = 0;
+    }
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+}
+function __spreadArray(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * 由于部分低版本下的某些 app 可能会缺少某些原型方法, 这里增加兼容
+ */
+
+// ie11 不兼容 includes 方法
+if (!Array.prototype.includes) {
+  Object.defineProperty(Array.prototype, 'includes', {
+    value: function value(valueToFind, fromIndex) {
+      if (this == null) {
+        throw new TypeError('"this" is null or not defined');
+      }
+
+      // 1. Let O be ? ToObject(this value).
+      var o = Object(this);
+
+      // 2. Let len be ? ToLength(? Get(O, "length")).
+      var len = o.length >>> 0;
+
+      // 3. If len is 0, return false.
+      if (len === 0) {
+        return false;
+      }
+
+      // 4. Let n be ? ToInteger(fromIndex).
+      //    (If fromIndex is undefined, this step produces the value 0.)
+      var n = fromIndex | 0;
+
+      // 5. If n ≥ 0, then
+      //  a. Let k be n.
+      // 6. Else n < 0,
+      //  a. Let k be len + n.
+      //  b. If k < 0, let k be 0.
+      var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
+      function sameValueZero(x, y) {
+        return x === y || typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y);
+      }
+
+      // 7. Repeat, while k < len
+      while (k < len) {
+        // a. Let elementK be the result of ? Get(O, ! ToString(k)).
+        // b. If SameValueZero(valueToFind, elementK) is true, return true.
+        if (sameValueZero(o[k], valueToFind)) {
+          return true;
+        }
+        // c. Increase k by 1.
+        k++;
+      }
+
+      // 8. Return false
+      return false;
+    }
+  });
+}
+
+// vivo x7 下网易云游戏 app 缺少 includes 方法
+if (!String.prototype.includes) {
+  String.prototype.includes = function (search, start) {
+
+    if (typeof start !== 'number') {
+      start = 0;
+    }
+    if (start + search.length > this.length) {
+      return false;
+    } else {
+      return this.indexOf(search, start) !== -1;
+    }
+  };
+}
+
+// vivo x7 下网易云游戏 app 缺少 find 方法
+if (!Array.prototype.find) {
+  Object.defineProperty(Array.prototype, 'find', {
+    value: function value(predicate) {
+      // 1. Let O be ? ToObject(this value).
+      if (this == null) {
+        throw new TypeError('"this" is null or not defined');
+      }
+      var o = Object(this);
+      // 2. Let len be ? ToLength(? Get(O, "length")).
+      var len = o.length >>> 0;
+      // 3. If IsCallable(predicate) is false, throw a TypeError exception.
+      if (typeof predicate !== 'function') {
+        throw new TypeError('predicate must be a function');
+      }
+      // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
+      var thisArg = arguments[1];
+      // 5. Let k be 0.
+      var k = 0;
+      // 6. Repeat, while k < len
+      while (k < len) {
+        // a. Let Pk be ! ToString(k).
+        // b. Let kValue be ? Get(O, Pk).
+        // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
+        // d. If testResult is true, return kValue.
+        var kValue = o[k];
+        if (predicate.call(thisArg, kValue, k, o)) {
+          return kValue;
+        }
+        // e. Increase k by 1.
+        k++;
+      }
+      // 7. Return undefined.
+      return void 0;
+    }
+  });
+}
+
+/**
+ * 判断是否是期望的类型
+ * @param { unknown } param 将要判断的变量
+ * @param { ...string } types 期望的类型
+ * @return { boolean } 返回期望是否正确
+ */
+var isExpectType = function (param) {
+    var types = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        types[_i - 1] = arguments[_i];
+    }
+    return types.some(function (type) { return Object.prototype.toString.call(param).slice(8, -1).toLowerCase() === type; });
+};
+var has = function (data, key) {
+    return Object.prototype.hasOwnProperty.call(data, key);
+};
+/**
+ * 节流函数
+ * @param fn 将要处理的函数
+ * @param wait 时间, 单位为毫秒
+ * @returns 包装好的节流函数
+ */
+var throttle = function (fn, wait) {
+    if (wait === void 0) { wait = 300; }
+    var timeId = null;
+    return function () {
+        var _this = this;
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (timeId)
+            return;
+        timeId = setTimeout(function () {
+            fn.apply(_this, args);
+            clearTimeout(timeId);
+            timeId = null;
+        }, wait);
+    };
+};
+
+var name = "lucky-scratch";
+var version = "1.1.1";
+
+var Dep = /** @class */ (function () {
+    /**
+     * 订阅中心构造器
+     */
+    function Dep() {
+        this.subs = [];
+    }
+    /**
+     * 收集依赖
+     * @param {*} sub
+     */
+    Dep.prototype.addSub = function (sub) {
+        // 此处临时使用includes防重复添加
+        if (!this.subs.includes(sub)) {
+            this.subs.push(sub);
+        }
+    };
+    /**
+     * 派发更新
+     */
+    Dep.prototype.notify = function () {
+        this.subs.forEach(function (sub) {
+            sub.update();
+        });
+    };
+    return Dep;
+}());
+
+var hasProto = '__proto__' in {};
+function def(obj, key, val, enumerable) {
+    Object.defineProperty(obj, key, {
+        value: val,
+        enumerable: !!enumerable,
+        writable: true,
+        configurable: true
+    });
+}
+function parsePath(path) {
+    path += '.';
+    var segments = [], segment = '';
+    for (var i = 0; i < path.length; i++) {
+        var curr = path[i];
+        if (/\[|\./.test(curr)) {
+            segments.push(segment);
+            segment = '';
+        }
+        else if (/\W/.test(curr)) {
+            continue;
+        }
+        else {
+            segment += curr;
+        }
+    }
+    return function (data) {
+        return segments.reduce(function (data, key) {
+            return data[key];
+        }, data);
+    };
+}
+function traverse(value) {
+    // const seenObjects = new Set()
+    var dfs = function (data) {
+        if (!isExpectType(data, 'array', 'object'))
+            return;
+        Object.keys(data).forEach(function (key) {
+            var value = data[key];
+            dfs(value);
+        });
+    };
+    dfs(value);
+    // seenObjects.clear()
+}
+
+/**
+ * 重写数组的原型方法
+ */
+var oldArrayProto = Array.prototype;
+var newArrayProto = Object.create(oldArrayProto);
+var methods = ['push', 'pop', 'shift', 'unshift', 'sort', 'splice', 'reverse'];
+methods.forEach(function (method) {
+    newArrayProto[method] = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var res = oldArrayProto[method].apply(this, args);
+        var luckyOb = this['__luckyOb__'];
+        if (['push', 'unshift', 'splice'].includes(method))
+            luckyOb.walk(this);
+        luckyOb.dep.notify();
+        return res;
+    };
+});
+
+var Observer = /** @class */ (function () {
+    /**
+     * 观察者构造器
+     * @param value
+     */
+    function Observer(value) {
+        // this.value = value
+        this.dep = new Dep();
+        // 将响应式对象代理到当前value上面, 并且将当前的enumerable设置为false
+        def(value, '__luckyOb__', this);
+        if (Array.isArray(value)) { // 如果是数组, 则重写原型方法
+            if (hasProto) {
+                value['__proto__'] = newArrayProto;
+            }
+            else {
+                Object.getOwnPropertyNames(newArrayProto).forEach(function (key) {
+                    def(value, key, newArrayProto[key]);
+                });
+            }
+        }
+        this.walk(value);
+    }
+    Observer.prototype.walk = function (data) {
+        Object.keys(data).forEach(function (key) {
+            defineReactive(data, key, data[key]);
+        });
+    };
+    return Observer;
+}());
+/**
+ * 处理响应式
+ * @param { Object | Array } data
+ */
+function observe(data) {
+    if (!data || typeof data !== 'object')
+        return;
+    var luckyOb;
+    if ('__luckyOb__' in data) {
+        luckyOb = data['__luckyOb__'];
+    }
+    else {
+        luckyOb = new Observer(data);
+    }
+    return luckyOb;
+}
+/**
+ * 重写 setter / getter
+ * @param {*} data
+ * @param {*} key
+ * @param {*} val
+ */
+function defineReactive(data, key, val) {
+    var dep = new Dep();
+    var property = Object.getOwnPropertyDescriptor(data, key);
+    if (property && property.configurable === false) {
+        return;
+    }
+    var getter = property && property.get;
+    var setter = property && property.set;
+    if ((!getter || setter) && arguments.length === 2) {
+        val = data[key];
+    }
+    var childOb = observe(val);
+    Object.defineProperty(data, key, {
+        get: function () {
+            var value = getter ? getter.call(data) : val;
+            if (Dep.target) {
+                dep.addSub(Dep.target);
+                if (childOb) {
+                    childOb.dep.addSub(Dep.target);
+                }
+            }
+            return value;
+        },
+        set: function (newVal) {
+            if (newVal === val)
+                return;
+            val = newVal;
+            if (getter && !setter)
+                return;
+            if (setter) {
+                setter.call(data, newVal);
+            }
+            else {
+                val = newVal;
+            }
+            childOb = observe(newVal);
+            dep.notify();
+        }
+    });
+}
+
+var uid = 0;
+var Watcher = /** @class */ (function () {
+    /**
+     * 观察者构造器
+     * @param {*} $lucky
+     * @param {*} expr
+     * @param {*} cb
+     */
+    function Watcher($lucky, expr, cb, options) {
+        if (options === void 0) { options = {}; }
+        this.id = uid++;
+        this.$lucky = $lucky;
+        this.expr = expr;
+        this.deep = !!options.deep;
+        if (typeof expr === 'function') {
+            this.getter = expr;
+        }
+        else {
+            this.getter = parsePath(expr);
+        }
+        this.cb = cb;
+        this.value = this.get();
+    }
+    /**
+     * 根据表达式获取新值
+     */
+    Watcher.prototype.get = function () {
+        Dep.target = this;
+        var value = this.getter.call(this.$lucky, this.$lucky);
+        // 处理深度监听
+        if (this.deep) {
+            traverse(value);
+        }
+        Dep.target = null;
+        return value;
+    };
+    /**
+     * 触发 watcher 更新
+     */
+    Watcher.prototype.update = function () {
+        // get获取新值
+        var newVal = this.get();
+        // 读取之前存储的旧值
+        var oldVal = this.value;
+        this.value = newVal;
+        // 触发 watch 回调
+        this.cb.call(this.$lucky, newVal, oldVal);
+    };
+    return Watcher;
+}());
+
+var Lucky = /** @class */ (function () {
+    /**
+     * 公共构造器
+     * @param config
+     */
+    function Lucky(config, data) {
+        var _this = this;
+        this.version = version;
+        this.htmlFontSize = 16;
+        this.rAF = function () { };
+        this.boxWidth = 0;
+        this.boxHeight = 0;
+        // 兼容代码开始: 为了处理 v1.0.6 版本在这里传入了一个 dom
+        if (typeof config === 'string')
+            config = { el: config };
+        else if (config.nodeType === 1)
+            config = { el: '', divElement: config };
+        // 这里先野蛮的处理, 等待后续优化, 对外暴露的类型是UserConfigType, 但内部期望是ConfigType
+        config = config;
+        this.config = config;
+        this.data = data;
+        // 开始初始化
+        if (!config.flag)
+            config.flag = 'WEB';
+        if (config.el)
+            config.divElement = document.querySelector(config.el);
+        // 如果存在父盒子, 就创建canvas标签
+        if (config.divElement) {
+            // 无论盒子内有没有canvas都执行覆盖逻辑
+            config.canvasElement = document.createElement('canvas');
+            config.divElement.appendChild(config.canvasElement);
+        }
+        // 获取 canvas 上下文
+        if (config.canvasElement) {
+            config.ctx = config.canvasElement.getContext('2d');
+            // 添加版本信息到标签上, 方便定位版本问题
+            config.canvasElement.setAttribute('package', "".concat(name, "@").concat(version));
+            config.canvasElement.addEventListener('click', function (e) { return _this.handleClick(e); });
+        }
+        this.ctx = config.ctx;
+        // 初始化 window 方法
+        this.initWindowFunction();
+        // 如果最后得不到 canvas 上下文那就无法进行绘制
+        if (!this.config.ctx) {
+            console.error('无法获取到 CanvasContext2D');
+        }
+        // 监听 window 触发 resize 时重置
+        if (window && typeof window.addEventListener === 'function') {
+            window.addEventListener('resize', throttle(function () { return _this.resize(); }, 300));
+        }
+        // 监听异步设置 html 的 fontSize 并重新绘制
+        if (window && window.document && typeof window.MutationObserver === 'function' && this.config.flag === 'WEB') {
+            new window.MutationObserver(function () {
+                _this.resize();
+            }).observe(document.documentElement, { attributes: true });
+        }
+    }
+    /**
+     * 初始化组件大小/单位
+     */
+    Lucky.prototype.resize = function () {
+        var _a, _b;
+        (_b = (_a = this.config).beforeResize) === null || _b === void 0 ? void 0 : _b.call(_a);
+        // 先初始化 fontSize 以防后面有 rem 单位
+        this.setHTMLFontSize();
+        // 拿到 config 即可设置 dpr
+        this.setDpr();
+        // 初始化宽高
+        this.resetWidthAndHeight();
+        // 根据 dpr 来缩放 canvas
+        this.zoomCanvas();
+    };
+    /**
+     * 初始化方法
+     */
+    Lucky.prototype.initLucky = function () {
+        this.resize();
+        if (!this.boxWidth || !this.boxHeight) {
+            return console.error('无法获取到宽度或高度');
+        }
+    };
+    /**
+     * 鼠标点击事件
+     * @param e 事件参数
+     */
+    Lucky.prototype.handleClick = function (e) { };
+    /**
+     * 根标签的字体大小
+     */
+    Lucky.prototype.setHTMLFontSize = function () {
+        if (!window || !window.getComputedStyle)
+            return;
+        this.htmlFontSize = +window.getComputedStyle(document.documentElement).fontSize.slice(0, -2);
+    };
+    // 清空画布
+    Lucky.prototype.clearCanvas = function () {
+        var _a = [this.boxWidth, this.boxHeight], width = _a[0], height = _a[1];
+        this.ctx.clearRect(-width, -height, width * 2, height * 2);
+    };
+    /**
+     * 设备像素比
+     * window 环境下自动获取, 其余环境手动传入
+     */
+    Lucky.prototype.setDpr = function () {
+        var config = this.config;
+        if (config.dpr) ;
+        else if (window) {
+            window['dpr'] = config.dpr = window.devicePixelRatio || 1;
+        }
+        else if (!config.dpr) {
+            console.error(config, '未传入 dpr 可能会导致绘制异常');
+        }
+    };
+    /**
+     * 重置盒子和canvas的宽高
+     */
+    Lucky.prototype.resetWidthAndHeight = function () {
+        var _a = this, config = _a.config, data = _a.data;
+        // 如果是浏览器环境并且存在盒子
+        var boxWidth = 0, boxHeight = 0;
+        if (config.divElement) {
+            boxWidth = config.divElement.offsetWidth;
+            boxHeight = config.divElement.offsetHeight;
+        }
+        // 先从 data 里取宽高, 如果 config 上面没有, 就从 style 上面取
+        this.boxWidth = this.getLength(data.width || config['width']) || boxWidth;
+        this.boxHeight = this.getLength(data.height || config['height']) || boxHeight;
+        // 重新把宽高赋给盒子
+        if (config.divElement) {
+            config.divElement.style.overflow = 'hidden';
+            config.divElement.style.width = this.boxWidth + 'px';
+            config.divElement.style.height = this.boxHeight + 'px';
+        }
+    };
+    /**
+     * 根据 dpr 缩放 canvas 并处理位移
+     */
+    Lucky.prototype.zoomCanvas = function () {
+        var _a = this, config = _a.config, ctx = _a.ctx;
+        var canvasElement = config.canvasElement, dpr = config.dpr;
+        var _b = [this.boxWidth * dpr, this.boxHeight * dpr], width = _b[0], height = _b[1];
+        if (!canvasElement)
+            return;
+        canvasElement.width = width;
+        canvasElement.height = height;
+        canvasElement.style.width = "".concat(width, "px");
+        canvasElement.style.height = "".concat(height, "px");
+        canvasElement.style['transform-origin'] = 'left top';
+        canvasElement.style.transform = "scale(".concat(1 / dpr, ")");
+        ctx.scale(dpr, dpr);
+    };
+    /**
+     * 从 window 对象上获取一些方法
+     */
+    Lucky.prototype.initWindowFunction = function () {
+        var config = this.config;
+        if (window) {
+            this.rAF = window.requestAnimationFrame ||
+                window['webkitRequestAnimationFrame'] ||
+                window['mozRequestAnimationFrame'] ||
+                function (callback) {
+                    window.setTimeout(callback, 1000 / 60);
+                };
+            config.setTimeout = window.setTimeout;
+            config.setInterval = window.setInterval;
+            config.clearTimeout = window.clearTimeout;
+            config.clearInterval = window.clearInterval;
+            return;
+        }
+        if (config.rAF) {
+            // 优先使用帧动画
+            this.rAF = config.rAF;
+        }
+        else if (config.setTimeout) {
+            // 其次使用定时器
+            var timeout_1 = config.setTimeout;
+            this.rAF = function (callback) { return timeout_1(callback, 16.7); };
+        }
+        else {
+            // 如果config里面没有提供, 那就假设全局方法存在setTimeout
+            this.rAF = function (callback) { return setTimeout(callback, 16.7); };
+        }
+    };
+    Lucky.prototype.isWeb = function () {
+        return ['WEB', 'UNI-H5', 'TARO-H5'].includes(this.config.flag);
+    };
+    /**
+     * 异步加载图片并返回图片的几何信息
+     * @param src 图片路径
+     * @param info 图片信息
+     */
+    Lucky.prototype.loadImg = function (src, info, resolveName) {
+        var _this = this;
+        if (resolveName === void 0) { resolveName = '$resolve'; }
+        return new Promise(function (resolve, reject) {
+            if (!src)
+                reject("=> '".concat(info.src, "' \u4E0D\u80FD\u4E3A\u7A7A\u6216\u4E0D\u5408\u6CD5"));
+            if (_this.config.flag === 'WEB') {
+                var imgObj_1 = new Image();
+                imgObj_1['crossorigin'] = 'anonymous';
+                imgObj_1.onload = function () { return resolve(imgObj_1); };
+                imgObj_1.onerror = function () { return reject("=> '".concat(info.src, "' \u56FE\u7247\u52A0\u8F7D\u5931\u8D25")); };
+                imgObj_1.src = src;
+            }
+            else {
+                // 其余平台向外暴露, 交给外部自行处理
+                info[resolveName] = resolve;
+                info['$reject'] = reject;
+                return;
+            }
+        });
+    };
+    /**
+     * 公共绘制图片的方法
+     * @param imgObj 图片对象
+     * @param rectInfo: [x轴位置, y轴位置, 渲染宽度, 渲染高度]
+     */
+    Lucky.prototype.drawImage = function (ctx, imgObj) {
+        var _a, _b;
+        var rectInfo = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            rectInfo[_i - 2] = arguments[_i];
+        }
+        var drawImg;
+        var _c = this.config, flag = _c.flag, dpr = _c.dpr;
+        if (['WEB', 'MP-WX'].includes(flag)) {
+            // 浏览器和新版小程序中直接绘制即可
+            drawImg = imgObj;
+        }
+        else if (['UNI-H5', 'UNI-MP', 'TARO-H5', 'TARO-MP'].includes(flag)) {
+            drawImg = imgObj.path;
+        }
+        else {
+            // 如果传入了未知的标识
+            return console.error('意料之外的 flag, 该平台尚未兼容!');
+        }
+        var miniProgramOffCtx = (_b = (_a = (drawImg['canvas'] || drawImg)).getContext) === null || _b === void 0 ? void 0 : _b.call(_a, '2d');
+        if (miniProgramOffCtx && !this.isWeb()) {
+            rectInfo = rectInfo.map(function (val) { return val * dpr; });
+            var temp = miniProgramOffCtx.getImageData.apply(miniProgramOffCtx, rectInfo.slice(0, 4));
+            ctx.putImageData.apply(ctx, __spreadArray([temp], rectInfo.slice(4, 6), false));
+        }
+        else {
+            if (rectInfo.length === 8) {
+                rectInfo = rectInfo.map(function (val, index) { return index < 4 ? val * dpr : val; });
+            }
+            // 尝试捕获错误
+            try {
+                ctx.drawImage.apply(ctx, __spreadArray([drawImg], rectInfo, false));
+            }
+            catch (err) {
+                /**
+                 * TODO: safari浏览器下, init() 会出现奇怪的报错
+                 * IndexSizeError: The index is not in the allowed range
+                 * 但是这个报错并不影响实际的绘制, 目前先放一放, 等待有缘人
+                 */
+                // console.log(err)
+            }
+        }
+    };
+    /**
+     * 计算图片的渲染宽高
+     * @param imgObj 图片标签元素
+     * @param imgInfo 图片信息
+     * @param maxWidth 最大宽度
+     * @param maxHeight 最大高度
+     * @return [渲染宽度, 渲染高度]
+     */
+    Lucky.prototype.computedWidthAndHeight = function (imgObj, imgInfo, maxWidth, maxHeight) {
+        // 根据配置的样式计算图片的真实宽高
+        if (!imgInfo.width && !imgInfo.height) {
+            // 如果没有配置宽高, 则使用图片本身的宽高
+            return [imgObj.width, imgObj.height];
+        }
+        else if (imgInfo.width && !imgInfo.height) {
+            // 如果只填写了宽度, 没填写高度
+            var trueWidth = this.getLength(imgInfo.width, maxWidth);
+            // 那高度就随着宽度进行等比缩放
+            return [trueWidth, imgObj.height * (trueWidth / imgObj.width)];
+        }
+        else if (!imgInfo.width && imgInfo.height) {
+            // 如果只填写了宽度, 没填写高度
+            var trueHeight = this.getLength(imgInfo.height, maxHeight);
+            // 那宽度就随着高度进行等比缩放
+            return [imgObj.width * (trueHeight / imgObj.height), trueHeight];
+        }
+        // 如果宽度和高度都填写了, 就如实计算
+        return [
+            this.getLength(imgInfo.width, maxWidth),
+            this.getLength(imgInfo.height, maxHeight)
+        ];
+    };
+    /**
+     * 转换单位
+     * @param { string } value 将要转换的值
+     * @param { number } denominator 分子
+     * @return { number } 返回新的字符串
+     */
+    Lucky.prototype.changeUnits = function (value, denominator) {
+        var _this = this;
+        if (denominator === void 0) { denominator = 1; }
+        var config = this.config;
+        return Number(value.replace(/^([-]*[0-9.]*)([a-z%]*)$/, function (val, num, unit) {
+            var handleCssUnit = {
+                '%': function (n) { return n * (denominator / 100); },
+                'px': function (n) { return n * 1; },
+                'rem': function (n) { return n * _this.htmlFontSize; },
+                'vw': function (n) { return n / 100 * window.innerWidth; },
+            }[unit];
+            if (handleCssUnit)
+                return handleCssUnit(num);
+            // 如果找不到默认单位, 就交给外面处理
+            var otherHandleCssUnit = config.handleCssUnit || config['unitFunc'];
+            return otherHandleCssUnit ? otherHandleCssUnit(num, unit) : num;
+        }));
+    };
+    /**
+     * 获取长度
+     * @param length 将要转换的长度
+     * @param maxLength 最大长度
+     * @return 返回长度
+     */
+    Lucky.prototype.getLength = function (length, maxLength) {
+        if (isExpectType(length, 'number'))
+            return length;
+        if (isExpectType(length, 'string'))
+            return this.changeUnits(length, maxLength);
+        return 0;
+    };
+    /**
+     * 获取相对(居中)X坐标
+     * @param width
+     * @param col
+     */
+    Lucky.prototype.getOffsetX = function (width, maxWidth) {
+        if (maxWidth === void 0) { maxWidth = 0; }
+        return (maxWidth - width) / 2;
+    };
+    Lucky.prototype.getOffscreenCanvas = function (width, height) {
+        if (!has(this, '_offscreenCanvas')) {
+            if (window && window.document && this.config.flag === 'WEB') {
+                this['_offscreenCanvas'] = document.createElement('canvas');
+            }
+            else {
+                this['_offscreenCanvas'] = this.config['offscreenCanvas'];
+            }
+            if (!this['_offscreenCanvas'])
+                return console.error('离屏 Canvas 无法渲染!');
+        }
+        var dpr = this.config.dpr;
+        var _offscreenCanvas = this['_offscreenCanvas'];
+        _offscreenCanvas.width = (width || 300) * dpr;
+        _offscreenCanvas.height = (height || 150) * dpr;
+        var _ctx = _offscreenCanvas.getContext('2d');
+        _ctx.clearRect(0, 0, width, height);
+        _ctx.scale(dpr, dpr);
+        _ctx['dpr'] = dpr;
+        return { _offscreenCanvas: _offscreenCanvas, _ctx: _ctx };
+    };
+    /**
+     * 添加一个新的响应式数据 (临时)
+     * @param data 数据
+     * @param key 属性
+     * @param value 新值
+     */
+    Lucky.prototype.$set = function (data, key, value) {
+        if (!data || typeof data !== 'object')
+            return;
+        defineReactive(data, key, value);
+    };
+    /**
+     * 添加一个属性计算 (临时)
+     * @param data 源数据
+     * @param key 属性名
+     * @param callback 回调函数
+     */
+    Lucky.prototype.$computed = function (data, key, callback) {
+        var _this = this;
+        Object.defineProperty(data, key, {
+            get: function () {
+                return callback.call(_this);
+            }
+        });
+    };
+    /**
+     * 添加一个观察者 create user watcher
+     * @param expr 表达式
+     * @param handler 回调函数
+     * @param watchOpt 配置参数
+     * @return 卸载当前观察者的函数 (暂未返回)
+     */
+    Lucky.prototype.$watch = function (expr, handler, watchOpt) {
+        if (watchOpt === void 0) { watchOpt = {}; }
+        if (typeof handler === 'object') {
+            watchOpt = handler;
+            handler = watchOpt.handler;
+        }
+        // 创建 user watcher
+        var watcher = new Watcher(this, expr, handler, watchOpt);
+        // 判断是否需要初始化时触发回调
+        if (watchOpt.immediate) {
+            handler.call(this, watcher.value);
+        }
+        // 返回一个卸载当前观察者的函数
+        return function unWatchFn() { };
+    };
+    Lucky.version = version;
+    return Lucky;
+}());
+
+var LuckyScratch = /** @class */ (function (_super) {
+    __extends(LuckyScratch, _super);
+    /**
+     * 刮刮卡构造器
+     * @param config 配置项
+     * @param data 抽奖数据
+     */
+    function LuckyScratch(config, data) {
+        var _this = _super.call(this, config, {
+            width: data.width || '300px',
+            height: data.height || '150px',
+        }) || this;
+        _this.mask = {};
+        _this.scratch = {
+            radius: 20,
+            percent: 0.5,
+        };
+        // 记录当前刮开的比例
+        _this.progress = 0;
+        // 是否正在刮
+        _this.isScratching = false;
+        // 是否已完成（刮开达到阈值）
+        _this.isCompleted = false;
+        // 是否禁用刮奖
+        _this.disabled = false;
+        // 是否是第一次刮动
+        _this.isFirstScratch = true;
+        // 事件是否已绑定
+        _this.eventsInitialized = false;
+        _this.initData(data);
+        // 首次初始化
+        _this.init();
+        return _this;
+    }
+    LuckyScratch.prototype.initData = function (data) {
+        this.$set(this, 'mask', __assign({ type: 'color', color: '#ccc' }, data.mask));
+        this.$set(this, 'scratch', __assign({ radius: 20, percent: 0.5 }, data.scratch));
+        this.$set(this, 'onceBeforeStartCallback', data.onceBeforeStart);
+        this.$set(this, 'beforeStartCallback', data.beforeStart);
+        this.$set(this, 'startCallback', data.start);
+        this.$set(this, 'endCallback', data.end);
+        this.$set(this, 'successCallback', data.success);
+        this.$set(this, 'afterInitCallback', data.afterInit);
+    };
+    /**
+     * 重写 resize 方法，在尺寸变化后重新绘制蒙层
+     */
+    LuckyScratch.prototype.resize = function () {
+        var _a, _b;
+        _super.prototype.resize.call(this);
+        // resize 后需要重新绘制蒙层，否则 canvas 尺寸变化会清空内容
+        // 注意：draw() 是 async 方法，但这里不需要 await，
+        // 因为对于颜色类型的蒙层，绘制是同步的；只有图片类型才需要异步加载
+        this.draw();
+        (_b = (_a = this.config).afterResize) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    LuckyScratch.prototype.init = function () {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        this.initLucky();
+                        // 重置状态
+                        this.progress = 0;
+                        this.isScratching = false;
+                        this.isCompleted = false;
+                        this.isFirstScratch = true; // 重置第一次刮动标志
+                        return [4 /*yield*/, this.draw()
+                            // 绑定事件
+                        ];
+                    case 1:
+                        _b.sent();
+                        // 绑定事件
+                        this.handleBindEvents();
+                        // 触发初始化完成回调
+                        (_a = this.afterInitCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    LuckyScratch.prototype.draw = function () {
+        var _a, _b, _c, _d;
+        return __awaiter(this, void 0, void 0, function () {
+            var _e, mask, imgObj;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
+                    case 0:
+                        // 触发开始回调
+                        (_b = (_a = this.config).beforeInit) === null || _b === void 0 ? void 0 : _b.call(_a);
+                        // 清空画布
+                        this.clearCanvas();
+                        _e = this, mask = _e.mask, _e.scratch;
+                        if (!(mask.type === 'image' && mask.src)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.loadImg(mask.src, { src: mask.src })];
+                    case 1:
+                        imgObj = _f.sent();
+                        this.ctx.drawImage(imgObj, 0, 0, this.boxWidth, this.boxHeight);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        // 默认为颜色
+                        this.ctx.fillStyle = mask.color || '#ccc';
+                        this.ctx.fillRect(0, 0, this.boxWidth, this.boxHeight);
+                        _f.label = 3;
+                    case 3:
+                        // 触发绘制结束回调
+                        (_d = (_c = this.config).afterInit) === null || _d === void 0 ? void 0 : _d.call(_c);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    LuckyScratch.prototype.handleBindEvents = function () {
+        var _this = this;
+        // 防止重复绑定事件
+        if (this.eventsInitialized)
+            return;
+        this.eventsInitialized = true;
+        var canvas = this.config.canvasElement;
+        if (!canvas)
+            return;
+        // 移动端 touch 事件
+        canvas.addEventListener('touchstart', function (e) {
+            _this.handleStart(e.touches[0]);
+        });
+        canvas.addEventListener('touchmove', function (e) {
+            e.preventDefault();
+            _this.handleMove(e.touches[0]);
+        });
+        canvas.addEventListener('touchend', function () {
+            _this.handleEnd();
+        });
+        // PC 端 mouse 事件
+        canvas.addEventListener('mousedown', function (e) {
+            _this.handleStart(e);
+        });
+        canvas.addEventListener('mousemove', function (e) {
+            e.preventDefault();
+            _this.handleMove(e);
+        });
+        document.addEventListener('mouseup', function () {
+            _this.handleEnd();
+        });
+    };
+    LuckyScratch.prototype.handleStart = function (e) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var result, err_1, result, err_2;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        // 如果已完成或被禁用，不再响应事件
+                        if (this.isCompleted || this.disabled)
+                            return [2 /*return*/];
+                        if (!(this.isFirstScratch && this.onceBeforeStartCallback)) return [3 /*break*/, 5];
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, this.onceBeforeStartCallback()];
+                    case 2:
+                        result = _b.sent();
+                        if (result === false) {
+                            // 校验失败，阻止刮奖
+                            return [2 /*return*/];
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_1 = _b.sent();
+                        console.error('onceBeforeStart 回调执行出错:', err_1);
+                        return [2 /*return*/];
+                    case 4:
+                        // 标记已经不是第一次刮动了
+                        this.isFirstScratch = false;
+                        _b.label = 5;
+                    case 5:
+                        if (!this.beforeStartCallback) return [3 /*break*/, 9];
+                        _b.label = 6;
+                    case 6:
+                        _b.trys.push([6, 8, , 9]);
+                        return [4 /*yield*/, this.beforeStartCallback()];
+                    case 7:
+                        result = _b.sent();
+                        if (result === false) {
+                            // 校验失败，阻止刮奖
+                            return [2 /*return*/];
+                        }
+                        return [3 /*break*/, 9];
+                    case 8:
+                        err_2 = _b.sent();
+                        console.error('beforeStart 回调执行出错:', err_2);
+                        return [2 /*return*/];
+                    case 9:
+                        this.isScratching = true;
+                        (_a = this.startCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+                        this.drawArc(e);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    LuckyScratch.prototype.handleMove = function (e) {
+        if (!this.isScratching || this.isCompleted || this.disabled)
+            return;
+        this.drawArc(e);
+    };
+    LuckyScratch.prototype.handleEnd = function () {
+        var _a;
+        if (!this.isScratching || this.isCompleted || this.disabled)
+            return;
+        this.isScratching = false;
+        // 计算刮开比例
+        this.checkProgress();
+        (_a = this.endCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+    };
+    LuckyScratch.prototype.drawArc = function (e) {
+        var canvas = this.config.canvasElement;
+        if (!canvas)
+            return;
+        var rect = canvas.getBoundingClientRect();
+        var x = (e.clientX - rect.left) * this.config.dpr;
+        var y = (e.clientY - rect.top) * this.config.dpr;
+        this.drawArcAt(x, y);
+    };
+    /**
+     * 在指定坐标绘制刮痕
+     * @param x 相对于 canvas 的 x 坐标（物理像素，已乘以 dpr）
+     * @param y 相对于 canvas 的 y 坐标（物理像素，已乘以 dpr）
+     */
+    LuckyScratch.prototype.drawArcAt = function (x, y) {
+        this.ctx.globalCompositeOperation = 'destination-out';
+        this.ctx.beginPath();
+        this.ctx.arc(x, y, this.scratch.radius * this.config.dpr, 0, Math.PI * 2);
+        this.ctx.fill();
+        // 恢复混合模式
+        this.ctx.globalCompositeOperation = 'source-over';
+    };
+    LuckyScratch.prototype.checkProgress = function () {
+        var _a;
+        try {
+            var imageData = this.ctx.getImageData(0, 0, this.boxWidth * this.config.dpr, this.boxHeight * this.config.dpr);
+            var pixels = imageData.data;
+            var count = 0;
+            for (var i = 0; i < pixels.length; i += 4) {
+                // alpha 通道小于 128 认为已刮开
+                if (pixels[i + 3] < 128) {
+                    count++;
+                }
+            }
+            this.progress = count / (pixels.length / 4);
+            // 如果达到阈值
+            if (this.progress >= this.scratch.percent) {
+                this.isCompleted = true; // 标记为已完成
+                this.clearCanvas(); // 自动全部刮开
+                (_a = this.successCallback) === null || _a === void 0 ? void 0 : _a.call(this, this.progress);
+            }
+        }
+        catch (err) {
+            // 可能会遇到跨域图片污染画布的问题
+            console.error('无法计算刮开进度，可能是因为图片跨域:', err);
+        }
+    };
+    /**
+     * 动态设置禁用状态
+     * @param disabled 是否禁用
+     */
+    LuckyScratch.prototype.setDisabled = function (disabled) {
+        this.disabled = disabled;
+    };
+    /**
+     * 公共方法：处理触摸/鼠标开始事件
+     * 供小程序、uni-app 等非 DOM 环境使用
+     * @param x 相对于 canvas 的 x 坐标（逻辑像素）
+     * @param y 相对于 canvas 的 y 坐标（逻辑像素）
+     */
+    LuckyScratch.prototype.handleTouchStart = function (x, y) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var result, err_3, result, err_4;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        // 如果已完成或被禁用，不再响应事件
+                        if (this.isCompleted || this.disabled)
+                            return [2 /*return*/];
+                        if (!(this.isFirstScratch && this.onceBeforeStartCallback)) return [3 /*break*/, 5];
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, this.onceBeforeStartCallback()];
+                    case 2:
+                        result = _b.sent();
+                        if (result === false) {
+                            // 校验失败，阻止刮奖
+                            return [2 /*return*/];
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_3 = _b.sent();
+                        console.error('onceBeforeStart 回调执行出错:', err_3);
+                        return [2 /*return*/];
+                    case 4:
+                        // 标记已经不是第一次刮动了
+                        this.isFirstScratch = false;
+                        _b.label = 5;
+                    case 5:
+                        if (!this.beforeStartCallback) return [3 /*break*/, 9];
+                        _b.label = 6;
+                    case 6:
+                        _b.trys.push([6, 8, , 9]);
+                        return [4 /*yield*/, this.beforeStartCallback()];
+                    case 7:
+                        result = _b.sent();
+                        if (result === false) {
+                            // 校验失败，阻止刮奖
+                            return [2 /*return*/];
+                        }
+                        return [3 /*break*/, 9];
+                    case 8:
+                        err_4 = _b.sent();
+                        console.error('beforeStart 回调执行出错:', err_4);
+                        return [2 /*return*/];
+                    case 9:
+                        this.isScratching = true;
+                        (_a = this.startCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+                        // 将逻辑像素转换为物理像素（乘以 dpr）
+                        this.drawArcAt(x * this.config.dpr, y * this.config.dpr);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    /**
+     * 公共方法：处理触摸/鼠标移动事件
+     * 供小程序、uni-app 等非 DOM 环境使用
+     * @param x 相对于 canvas 的 x 坐标（逻辑像素）
+     * @param y 相对于 canvas 的 y 坐标（逻辑像素）
+     */
+    LuckyScratch.prototype.handleTouchMove = function (x, y) {
+        if (!this.isScratching || this.isCompleted || this.disabled)
+            return;
+        // 将逻辑像素转换为物理像素（乘以 dpr）
+        this.drawArcAt(x * this.config.dpr, y * this.config.dpr);
+    };
+    /**
+     * 公共方法：处理触摸/鼠标结束事件
+     * 供小程序、uni-app 等非 DOM 环境使用
+     */
+    LuckyScratch.prototype.handleTouchEnd = function () {
+        var _a;
+        if (!this.isScratching || this.isCompleted || this.disabled)
+            return;
+        this.isScratching = false;
+        // 计算刮开比例
+        this.checkProgress();
+        (_a = this.endCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+    };
+    return LuckyScratch;
+}(Lucky));
+
+/**
+ * 转换为运算角度
+ * @param { number } deg 数学角度
+ * @return { number } 运算角度
+ */
+// 使用 arc 绘制圆角矩形
+var roundRectByArc = function (ctx) {
+    var _a = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        _a[_i - 1] = arguments[_i];
+    }
+    var x = _a[0], y = _a[1], w = _a[2], h = _a[3], r = _a[4];
+    var min = Math.min(w, h), PI = Math.PI;
+    if (r > min / 2)
+        r = min / 2;
+    ctx.beginPath();
+    ctx.moveTo(x + r, y);
+    ctx.lineTo(x + r, y);
+    ctx.lineTo(x + w - r, y);
+    ctx.arc(x + w - r, y + r, r, -PI / 2, 0);
+    ctx.lineTo(x + w, y + h - r);
+    ctx.arc(x + w - r, y + h - r, r, 0, PI / 2);
+    ctx.lineTo(x + r, y + h);
+    ctx.arc(x + r, y + h - r, r, PI / 2, PI);
+    ctx.lineTo(x, y + r);
+    ctx.arc(x + r, y + r, r, PI, -PI / 2);
+    ctx.closePath();
+};
+// // 根据三点画圆弧
+// export const drawRadian = (
+//   ctx: CanvasRenderingContext2D,
+//   r: number,
+//   start: number,
+//   end: number,
+//   direction: boolean = true
+// ) => {
+//   // 如果角度大于等于180度, 则分两次绘制, 因为 arcTo 无法绘制180度的圆弧
+//   if (Math.abs(end - start).toFixed(8) >= getAngle(180).toFixed(8)) {
+//     let middle = (end + start) / 2
+//     if (direction) {
+//       drawRadian(ctx, r, start, middle, direction)
+//       drawRadian(ctx, r, middle, end, direction)
+//     } else {
+//       drawRadian(ctx, r, middle, end, direction)
+//       drawRadian(ctx, r, start, middle, direction)
+//     }
+//     return false
+//   }
+//   // 如果方法相反, 则交换起点和终点
+//   if (!direction) [start, end] = [end, start]
+//   const [x1, y1] = getArcPointerByDeg(start, r)
+//   const [x2, y2] = getArcPointerByDeg(end, r)
+//   const [k1, b1] = getTangentByPointer(x1, y1)
+//   const [k2, b2] = getTangentByPointer(x2, y2)
+//   // 计算两条切线的交点
+//   let x0 = (b2 - b1) / (k1 - k2)
+//   let y0 = (k2 * b1 - k1 * b2) / (k2 - k1)
+//   // 如果有任何一条切线垂直于x轴, 则斜率不存在
+//   if (isNaN(x0)) {
+//     Math.abs(x1) === +r.toFixed(8) && (x0 = x1)
+//     Math.abs(x2) === +r.toFixed(8) && (x0 = x2)
+//   }
+//   if (k1 === Infinity || k1 === -Infinity) {
+//     y0 = k2 * x0 + b2
+//   }
+//   else if (k2 === Infinity || k2 === -Infinity) {
+//     y0 = k1 * x0 + b1
+//   }
+//   ctx.lineTo(x1, y1)
+//   // 微信小程序下 arcTo 在安卓真机下绘制有 bug
+//   ctx.arcTo(x0, y0, x2, y2, r)
+// }
+// // 使用 arcTo 绘制扇形 (弃用)
+// export const drawSectorByArcTo = (
+//   ctx: CanvasRenderingContext2D,
+//   minRadius: number,
+//   maxRadius: number,
+//   start: number,
+//   end: number,
+//   gutter: number,
+// ) => {
+//   if (!minRadius) minRadius = gutter
+//   // 内外圆弧分别进行等边缩放
+//   let maxGutter = getAngle(90 / Math.PI / maxRadius * gutter)
+//   let minGutter = getAngle(90 / Math.PI / minRadius * gutter)
+//   let maxStart = start + maxGutter
+//   let maxEnd = end - maxGutter
+//   let minStart = start + minGutter
+//   let minEnd = end - minGutter
+//   ctx.beginPath()
+//   ctx.moveTo(...getArcPointerByDeg(maxStart, maxRadius))
+//   drawRadian(ctx, maxRadius, maxStart, maxEnd, true)
+//   // 如果 getter 比按钮短就绘制圆弧, 反之计算新的坐标点
+//   if (minEnd > minStart) {
+//     drawRadian(ctx, minRadius, minStart, minEnd, false)
+//   } else {
+//     ctx.lineTo(
+//       ...getArcPointerByDeg(
+//         (start + end) / 2,
+//         gutter / 2 / Math.abs(Math.sin((start - end) / 2))
+//       )
+//     )
+//   }
+//   ctx.closePath()
+// }
+// // 使用 arcTo 绘制圆角矩形 (弃用)
+// export const roundRectByArcTo = (
+//   ctx: CanvasRenderingContext2D,
+//   ...[x, y, w, h, r]: number[]
+// ) => {
+//   let min = Math.min(w, h)
+//   if (r > min / 2) r = min / 2
+//   ctx.beginPath()
+//   ctx.moveTo(x + r, y)
+//   ctx.lineTo(x + r, y)
+//   ctx.lineTo(x + w - r, y)
+//   ctx.arcTo(x + w, y, x + w, y + r, r)
+//   ctx.lineTo(x + w, y + h - r)
+//   ctx.arcTo(x + w, y + h, x + w - r, y + h, r)
+//   ctx.lineTo(x + r, y + h)
+//   ctx.arcTo(x, y + h, x, y + h - r, r)
+//   ctx.lineTo(x, y + r)
+//   ctx.arcTo(x, y, x + r, y, r)
+// }
+
+/**
+ * 切割圆角
+ * @param img 将要裁剪的图片对象
+ * @param radius 裁剪的圆角半径
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+var cutRound = function (img, radius) {
+    var canvas = document.createElement('canvas');
+    var ctx = canvas.getContext('2d');
+    var width = img.width, height = img.height;
+    canvas.width = width;
+    canvas.height = height;
+    roundRectByArc(ctx, 0, 0, width, height, radius);
+    ctx.clip();
+    ctx.drawImage(img, 0, 0, width, height);
+    return canvas;
+};
+/**
+ * 透明度
+ * @param img 将要处理的图片对象
+ * @param opacity 透明度
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+var opacity = function (img, opacity) {
+    var canvas = document.createElement('canvas');
+    var ctx = canvas.getContext('2d');
+    var width = img.width, height = img.height;
+    canvas.width = width;
+    canvas.height = height;
+    // 绘制图片, 部分浏览器不支持 filter 属性, 需要处理兼容
+    if (typeof ctx.filter === 'string') {
+        ctx.filter = "opacity(".concat(opacity * 100, "%)");
+        ctx.drawImage(img, 0, 0, width, height);
+    }
+    else {
+        ctx.drawImage(img, 0, 0, width, height);
+        var imageData = ctx.getImageData(0, 0, width, height);
+        var data = imageData.data;
+        var len = data.length;
+        for (var i = 0; i < len; i += 4) {
+            var alpha = data[i + 3];
+            if (alpha !== 0)
+                data[i + 3] = alpha * opacity;
+        }
+        ctx.putImageData(imageData, 0, 0);
+    }
+    return canvas;
+};
+
+export { LuckyScratch, cutRound, opacity };
 //# sourceMappingURL=index.esm.js.map