微信小程序刮刮乐

<view class="scratch_body">
    <image class="scratch_body_bg" mode="widthFix" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnYAAAFpCAMAAAAm4pUYAAAB7FBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////09PT/////5AH/lgCqqqr/sAD/9Zn/wGb/6AL/5wLn5+f/5gHu7u67u7vKysr29vbr6+v7+/vp6enc3Nz4+PjDw8Pw8PDOzs61tbXy8vLt7e3h4eHk5OTX19f//vfx8fHS0tL/6A7/qADZ2dnQ0NDIyMi+vr65ubn/7Df/+/Hf39/8/Pz/+LCwsLDGxsb/ohz/6hf/3wH/9OP//OH/+bz/9qT/yXr/8Fn/oAD/2QHz8/P//enb29v/8Nj/zoj/8nn/8Wv/6y7/6iP/mwz/wAD/+8//uQDv7+//tUr/0gH//Nr/+sT/84L/xG//7kr/1wH/ygH/rQD/4rj/26b/1JX/sUP6+vr/6cj/6MX/qS7/1Zr/1Zj/wGX/2wFGMDpwAAAARnRSTlMA4R7dqv0F++ULAxoB9gjwbxUPuybzOypP2c+OVIlAMsF6SdXHmmbDlYRaRfnqy69/YaZ1IdG+L+3ro54S+LM2uF3navr3xcKT6QAAE0ZJREFUeNrs1Vd32kAQBWAECCFRBIhejEwx2FTTTQD3M///HyWQXbQ7o0lecvLEff2Ok2vrahS5JhoXSUVw9kLKROZCnok8CXkkUo6LEMlLWRH6IWRE5F7IA5GmkAaRdlwkgaUgpUh+aCikQyQnJEekKmRIpBIXsbHYUrbkhxpCqmyFeyIjIX0ixbhInpCUVyItIU9EHtgKd0J+RGjKIELGlZVC/6xrIXu6EyE1Wg9ECmQNUsi4EmMh9HfqCZnRnQgxiLyDSApLUQp9sq6QRyIbIW9EWkJ2RJogQvYdlUKf7ERIg8hJiE9kLuToYOmACNn3QQp9l2NChkQWQupElkKsRIQ1yLGDXGApjNG46CCtAxkkO65P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"></image>
 
    <view class="scratch_time">您有 <text>{{cjNum}}</text> 次刮奖机会</view>
 
    <view class="scratch_do">
 
        <view class="scratch_do_after">
            <view wx:if="{{hasPrize}}" class="scratch_do_after_box">
                <image mode="widthFix" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhAAAAC1CAMAAAA5kDbPAAAC+lBMVEUAAAAcq/f5qiv8qSleryJcsCL6aGj6Kar5O5X8qij97DX97DX4ITEcq/dcsSL97DX97DX97DX5IDD97DX97DVktC1ktC38qij97DX7vC0cq/f4ITEcq/f97DVktC1ktC1dsCJktC393TL8qihktC34IDD8yC9ktC1Wq2v5TLVasiL5qiv5IDD97DVksixmsStorir96DRprCpZsyL5qiv6qir4ITH97DVktC397DX5IDD5TLX7qilpqyn6SbRprCr5IDD4ITH8qilktC1msSv6OK9ktC1ktC37qin5TLX97DX4IDAcq/f97DVktC38qin97DX7qin4ITH8qihktCwcq/f97DX8qihktC397DX97DUcq/f5TLVasyL97DX97DX97DX4ITH7qin97DVznSX6PrEcq/f5IDD5qiv5qiscq/dktC397DX97DVktC34ITH97DVktC38qin97DX97DX3ITH4IDAcq/f7qir5IDD8qij7qin6Kar97DX7qin8qin4IDBksir97DX4ITEcq/f6RLP5IDD4IDBZsiH5TLVeryL97DVktC38qin97DVktC37qin97DX97DX7qin7qiltoSP8qin6PrH8qil8kyT8qin4IDBnrir6qir6Mq397DUcq/f5IDD8qihktC1kqSJktC1ktC1griL97DVtoSP4IDBtoSP6qir6Kar4IDD7qin97DX6Kaocq/ccq/f5TLX5IDD6Kar3ITEcq/f6KaphrCIcq/f5TLUcq/ccq/f5IDBktC36PrH4IDD97DX97DVvnyP97DX97DX8qin5TLUcq/ccq/f5IDD5TLVdsCIcq/f6Kar97DUcq/ccq/f6Kar5TLX6KaplqCJsoiNsoiP5IDD7qikcq/f5TLUcq/f4IDAcq/f5TLX6KapfrSIcq/f5TLVkqiL5TLX6Kaocq/f7qikcq/f97DX7qin5TLX6Kar6Kar5IDBopiL5TLX6Kar5TLX6Kar97DUcq/f8qSn6KapYtCL97DVcsSIUXQogAAAA+HRSTlMA++f99PMB/QPn5ueu+fHl7PHm7unx9evjC/Wr9/Zm6vntBu/5CATMAvju6+WJLxsRDgX58+S887r68+TWPywL67ekWzUI/ObLxKsjFxHi39bBsoxw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"></image>
                <view>恭喜你刮中{{prizeName}}</view>
                <view class="scratch_do_after_btn" bindtap="gj">再来一次</view>
            </view>
            <view wx:else class="scratch_do_after_box">
                <view>很遗憾未中奖</view>
                <view class="scratch_do_after_btn" bindtap="gj">再来一次</view>
            </view>
        </view>
 
        <canvas wx:if="{{!gjEnd}}" class="scratch_do_in" disable-scroll="false" canvas-id='canvas-demo' bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd"></canvas>
 
        <cover-image wx:if="{{showGjBth}}" class="scratch_do_before" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjoAAADVCAMAAABpG6qMAAABHVBMVEUAAACqqqqqqqq1tbXR0dGqqqrGxsbS0tLe3t7d3d3d3Ny4uLiqqqrr6enV1dWqqqqqqqrr6uqqqqrZ2Niqqqqqqqqqqqqqqqqqqqrs6uqqqqqqqqra2trt6+vi4uLl5OSqqqrf3t65ubmqqqq+vr6qqqrFxcXZ2NjNzc3o5+eqqqqqqqrS0tKqqqqqqqqqqqqqqqqqqqrX19fIyMje3d3MzMza2dnt6+vd3d3t6+ulpaXr6urf3t7g39/r6enq6Ojh4ODp5+eqqqrj4uLn5ubk4+Pn5eXl5OTi4eHh4eG0tLTCwsLQ0NC5uLjKycnU09PW1tba2tq3t7fc29vHxsatra3Lysrm5OSwsLC7u7vNzc2/v7/ExMTZ2Ni9vb1wsIDSAAAAOHRSTlMAM8zC1jzF2mbM1cIfpdW0Z2aT1sBYSCzgzRIYz9PO0wqot9KnpZRxgc3ud7WqiCeHeNrD2bzaQqHRsx8AACB4SURBVHja7F3tjtJAFEUalViMVt11gzHqhqDR1Wg0SkMp5bPLE/D+b2KH3tsrGeqFztCZfvTXdMccuIdD7zkztHYedLvdh53keNaF44U4e97F401y9iY7ey4mX+DZM3H2MB23OA3D6TxcLBbXYnCzgGP/9+8LPPrJWT87+7F/NTy7EWfX6bjFaRiOkI7zqZcct47rOuIY9nqeN3LSw3U/JnMfHQdmR+KfDl2YvfW8Xu+TA7OAk4wAJ5kdIYwDOMkIcDxv6GQ4PcRxAMe7dRBHTI7wRQAHYJyReJEhvshtT+DsUQDHy3DcYU/gAAzgJCPAEZUM8b0Cjos4XjILOC7iiFnA8T4ijJvyAzCAI0aII3iGyRRHjADHy3DcDEdMpzie4AdxBM8AgzgO4niCH6wEcJIR4HgCB2YFz4c43ghh8HMXk/Ln3vuTSufxeH9s/NU4PeZ+DKPQv08HwcSP4G/TyWSajrZ+GKSjtT8bEwocK38Do5m/BpjQ3xIKAvo4vP8HcH4cBYdLel/5KONl9r5if5UBxgco8L6oUICJ/ElwgJJX6JyqAxQoVDtd9L6wUKxOpos+RpkuQqGhTBehyHQ9BekwhSE9TGGEwhTG6IChhyvsUOX+lKEHC90c1QGhKOhgmQFG/6FreSpdYS5dhEKF5l8UlnkqJ0AZBYcoHaYwoIcKY+jhCkMUpjDma8LQI+lge1xN8tVOVpPC1Y6ha8LQJaEUaQ6RHyKgwtUOUKDQu6srkI4A2DH0UGEMPVxhiCLpU+FrItEDOmDo4XRAKHLX4692PF3HVM7QZaI5yHQ9Wiz20mmQKViXYAqYrqdAl6nmINOF0jnLFKwaZgpm55oC0ifvobikQCj0dTbQHIAu+hhJOoeF1doULE8zBRVIjHOmOXB0oQ4KeCiSjjlTEJgzBbGBxMjQxfROc81BvigI6XQGgyclm4JVBUzB+iRTcM8kRgW6djKKkeZAKFQoSCc5noTM16SAKaDCDJgCJjGCms43h4yHkrpeXRKj7KFQOu8abArGekxB+YkxKNocplxz4AM2SeftBUxBYR1U3BTkJMatjsRopjnIq+4onff9/ls9pmDbNFNAdOlPjKE9iVGgSHR9uL4WCet3awpsSIxjA4mxMF24h9VYU/B/c1jPxCjpoNBWPErHuCkgwKicrXip6xlLjFQolxg35TUHftUdpWPGFIR1MwXY9Xi6KryMDB/jB5KOsingCuN1wJuC2GpTAIUW9VB2JkZAkRLjz8+fQTqqpmDamgJdiTG2KTECikwX7mGdYQriSpqCsDaJUaJLoTmoXBRQOtpMwaY6pqBKiRGyXmnNgb0okHQ0moKgqaaA0UHJiZFvDoo/3hbS6X/58rJsU7Azbwq2phJjaEFilAqVVM54KNo5b01B0xJjoLbqTjvnrSmwOzFuLVpGBrpw57w1BbYkRokuE4mR//E2SUezKQirZAomJ5qCpiVG5nbfu69fO69fvfplpynYmTEFUQ0TY6C0jCzTRTvnhk1BUHFTMI7tSowz5ebA04XSaU2BFYmxCF1lLyMjCkqnxqZgV/XEOLVmGfmgOeDOeROWkeenmYI2MZ72DJC7b9/20mlNwarJibHIVjzuYZVnCiaVNAU7LYlxU5XEeErARukUMwWhDlMQVdwU5N3HXKHEWOiOLpROMVMQVcgUBG1ipELV7+hKpfPg5uZxLU3B7JKmwFhi3Cg1B11b8bRzrs0UbMyYgqiGy8iBQmLkthOU6aKdc/2mYH5xUzC2wBSADjTe5m0+MfJ0STvnGk0Br4N6mAIYFn0wmG8qMarf0UXSObrAZrcp2Jo3BaADE3d0qTYH9Tu6fibSGVxdvbPUFMwvZwoQ0FhiXF8uMa4uuoyMO+eDwT6ct6ZAITGauqOL18FO+zIyoeD2p5FHyfO3eVttCmB46a1465aRAQWlg/Sc/dTYBpsC0KeBrXiF5qDrx9u0c26lKVDwUKeaggokRgKMxirNQfczQD70+3vpNN0UxCqJcWvgwWCqzUH9ji7cw0J68gtrsinYlJ4YI+2JUfsdXSidS5uC2JwpUDCHgZ6nxlYlMZ7noVA69TIFlv7nY1oSo/7mUGjVnaRTWVOQU5iFifEve2fW4zQMxHFeEBJCvHAKCQGvnBKXoOJqOIRyZ5OWnnz/j0FLZjKdTlzHGZMW2DxVa/Cm//w2c9njb6ceMbos3gZ07ty8ec1q5ZwzRv+0U+AUMZ7MyZQ+e4BQ5fz4XWNPxCnozMERe4DojYO+BwiVP8+dgg4L0P6miJEbB/89QAidc6fgf4gYPS7eJoN17hT4jxjf/UURY48dXY8fPbpw8eHDS3+hU3Cyx1Uf3uZ9khFjn8XbWP7EGU7jRFKvTsH4PGL8I43BEJ1zp+B/jhh7leIRnXOn4B+KGA0ceF68jYsuzp0CRcSo6AHisHj7qypi9N8D5NX167/ROT2nIDkLN9fSu1OwDM+SzcSZ54ixqFIfi7er0e+rbJFrEswXiuYmyjSylAtrWKfnFNQahorGYO0chPXEsdeIcTHfTJkekCsLN1eSTG0RY1TfXS7lyrY/D+apwjj4LcUjOqfnFAA6KqdAWj1Cx1vE+C6bB/WcC7Nccf0vIkvEiOjE4rGNJ/XIRGEc/C7eRnROzykAdIRToE0jJ/BwYBbdPuZisZyN6MoMkQKhY5ML0RH5h9UI8Dx+Ghnk2qLz7MmTq26ZAn1zE7tTUCt15j2NjOjUsyjaYWYpYkPX0iAXoSPlKmKUi6HD5SrhF4QK4+C1Bwi1K1BmjPynkQGdBGbxd1z1GTwcTcSYLartNPIKC0OkgOgIuYooGC3otU7oMLnGYBKD/ATSyCAXovPh5NLIgE7Pbd5mDkKwLf0ixmwRJbNR+zWJclPESOhwyt9EwW8gQC5Ch78ExiH8itSFgz/aA4TKnwc6nimcAsU2bzRY3o+rhqdQODoFWVxVSTgyXrPF+0NyZYgOz7rP4T8Dn4QOlytq3mrJWVhfZ/QpnKROHOh3dLFFF8LKqU8k1fZ+Aa28p5Hh8ZcuTsFyMjp0TeaLwhIxlogOl6uAiacoVwXosHdmNLJdk9SBA089QF7cvn3hytOn9/ynkbWL9sG4h9uL/tjCvb+7pZDHlkbGt47ZKZA0HXh2s2Wat2x4i7ZXlTVyITr7cmUwTQ6UTwGdXdtpIQcMsItx0PcAocr5c+8nkqq3eY86XaFz11j0dVwOHyuMv95gO9HcNl90DeiIZWwREAhyITo7cnUiZ+JqHPSleCx/nlAa+eMbF3Qcu8ZSStDJKUj2HlQYARumWfDu8L7ATV5JuWYAVf3Y0GA1cpVJJx2i4dLIOCGiY+n94t7cRFGKd0LH8bhqQsfJKUgb+xSuslK4YnIWHMYvCuikkvIYw+7fcmEhAuXKw2465K7GQb94G9FRtUGVHHjo/dIRnVZ5sp34I2mcpPpTAAzgD6UPlUmasiCZR1Wcg9VjbEingIZRLgRk2pJGhhfN/PdjA3RKeGyLAL/oPM7LdVxf6zLHTz9h1Nk46BdvP75xA9BR7F/3mEYmqjuiI+SBUFhxpfaIkdiQTgEbxj9ffOu0yIXpvngrF6LzW65iOWrIae981fxfbhwG6QFCNSz/aeSvqtXIGGHRC4Q+0qdlaxq5VKGzskeMxIZ0CtgwWj1KCcqFRxXWXMa8ch5TSqAyRIwV/B5uHIbZ0YXoKDNGMo2sLsWDKL3OGdGhE1kjRmJDOgVsGL6oqJxzuQCRz6xyns9HeAWpIQR6D/8g5sZhmB1diA6T5+gnkm5nAfF7pZHXOnSsESOxYXIKcBjvi9CRC4/QCf/JsskJxXObRMJq9k6GQFhUSTgHg/QAIXRO60TSzSyYGenVIC5WomOvviDZJqcAhsEYMHSkXPVrZ5kzdIoZlVS3pitIhVwY971hxmGQxdtYiLhz57J2/7rgQLtoH8ufvc4ZUaNjjxiRDYNcMAxflNCRckHsnxTv9sqfeQBuTpGgw8Nt5xp9M87BUIu3qXLu9bhq/TZvRMf74WOY19FFjMiGKWKE4a+ict4qVxHmsnL+vdzmELJtZgDDLCbXe0wzMA4GSCPvVc4tVm7gE0nHlMr3fvgYoqOMGIENk1wwLCrnNh9qvls5XwVVnVEOkZ0duZolPAUzDkPt6KLK+dFPJBVfDMR3PHzM3vEMHkOu28eMZJucAhxGuVjl3ChXiuF4XM9S4MJk9HuWjVxfEKep/zSyPcBGdO5fuXL3tE4kZSGM3erRLPaOZ4hOqYsY0Z4anAIcbuRq0DFFjAgOosMXHhUNO/jDxogNn0aGnz24eXMbYb1WpJElB/reL4SO8vAxKQ+i4xAxRqNuF0L53lw5N/tQBA55YhQKFyH5O7ULDfpw4zBkDxCsYanSyP5byRM6Po+r3q2crx0iRkd0vsp3Jq+cy4gRwCF05CL+ZIedqqnGvhPGYbAeIIiOYuGhLo3cO46e9jyuGt1kh4jRDZ21rXIu5ZpO9gvhMgQim1UkDTklNw6D9gBBdGCC4dPIsc8ipb3jGaHjEDG6oRPLd+a4qZz/aJErm7QYPRkCvUebFTTkFMOnkUkubFdwpDSyAp1Vj+OqBTp251CHDsxClXMhV7GYjeiaJOSJCQ6+7G3FSApuHAbuAfLi4UNAp8/+dXUaWYFO5Hz4GN847BAxKtDBWWLknctVRAFbnM4q5yJizAK2XVBwMGwPEKxhOWWMvvlqJa9CxzWN/Imj4xAxxum0iuorna7qD/CwN59W0xQG6485R+cbq5yTXAKcIC1ZNllGjLsvqGAhjMOwjcEIHf5WGSaNrETHTrmUh9DRHD5GbJicAhiGWQgd9loPmO823vHIY+njf452XaIwdzIO/huDETrHSSOTpnP682Wfoqr5WMGf/pyewrseDeJw47AyYkQ2DE4BDMMshI70oTDkruUidNgTLGO2uj2obDVGfdbdYvVqdK48enTtaGnkGLTqWIrnT0Em2KKRr2t9OGIENgxOAQ6DXHTTjM8iQIc336Mp3uUgq/b843khjcPQraSpcs7l8d7xzJwpyEGrrqV4egoiL+oXnfJgxIhsGOSiyvlHftNEOW20CGOUi9DBJxhXCfDFbNXmGjSNLK0eVc6PdiJpCVp139GFOX1xXLVndA5HjPAYTU4BDINcVDnnVm8cbMFBuTg6RbyoQnlbP2MDBwO3kqbK+eBpZJwQ0eneGAwriSIv6hed7LBTAEUqg1yicl7gTXO5oknKQ+EK0Wnd5R4sv/Y3Dlwu7XZfQudoq5HXoNUOTZbVyPgUWtPIlTd0YkOfT145NzgFONzIhbzb5MKNw237gWbpd4Vx+Oy7lfTjJ08u3Lp+/aUijaw7kRScgLz7+jx897emkade0TGX4pENg1OAw41caGVtPUAadN6le9xUObOd2jSydrsvVc7pNiyxne9W8oBO2b0xGOb0W33pjO/1lF0ycPcn/kjsE8WP2UGnAC1Sq1MgK+dv0U22yYUGa/NFZ2SnkirX1RhlDxD9dl9E52gnkiI6nzvv6MJKIszi9rajlKCQx2G7P2dDOgU0jLMgOrYQCN3kzX3FNTZn07WquQmJ7vm4akJHnUbu1RgMQVh3bwyGb51eh48ROpqIkbMhvygf/kqV88q28AjR2fIZhst0WWdH8y7lhK8WmvyeM8Ir50OcSMqtHqUEO/tQVEns0/GM0HGKGCVNxIZ0Cvjw+53K+dT1nBG6W3uN0SmNrN/u+4u8a9ttIgai8ICQEOKFiwAJAa9cJS5SBS2QcO1ushfSbZNN4f8/A0FmcuIdu/Z2vG5KeaKCDox74jlzxj5+9uIFQUdhg6p4kRTQCb7RBXWtv+OZCR2FayywYdvt8McchaGz3/OdEZh++U6lB8vIR3Geq8YMSyEjK5QCQCf0Rhegc0rHM0DHXB7PbrfscGkisB1KfkDZAToUhQtWr5cpYScGHESUkUcq10hAJ6WMjMQAnfBRPKDjToz8Z3YEKQB0JClYfdPsi/MOjv/XdL87Od8Xk/M+L1PWFEdhbkLZxX6uGtBRHDx0kwJ/MQB0wozBBHQcieWgFsCBOTmXy5OfICMHQuenmJzTcuE/bS6XpwUimWcJHAQXh6MhZGREWUHn8t27VxO+SIrl0Z7XcSfG0LGQAjb6lycVMD+SVS8MOjCIoy8pCqDT82XKBZy2dTJy9OeqMTnvdfBQLyMjsVIBHXdiOVMLuY0zdOTy5G4ZORg6vFz0JUUBdMzlehftVx7IoXZjvTOCyfmZvUg6UyyWIzE4HOUWUsAFSywPoCO28XDocDGgLykKoGMuV0ToeBpqf3HoaQyG8afi4KFOKdBAx50YoCNwwL7JgkMBOpIUMHSaziFG/NYwiMPknKIAOkbHGBE6aWRkRAF0VDao3xRKwa9TL9ZJieXubZwvDsvlYegIUgDoZE5SQNDhYoDJuXGiLTeLQUToJJSRdwGd+7dvPxxYRnYndnqa7E4M0LGUc4aOWB5AR5ACQIejeAziGDrr5eJDF2bHGBE6qWRkLNfj+/dJ11HcX9coBdXGJRX6rTzcLs+25/nEnRigYynnmXNoVhB05McG0OEoLoM4/vjSl+vlYuiYyzWOB52+HiD6674Yf6oPHiYzBvMmBuiIci4n58ABn5UR2zjkoEyQAodBHH/JiXLBchcD2QpXxl0bLJdORo7mGgnoKGRkgYOBjcH8iR0AOiYOAB1JDnnXsZKCqbGreAziAB1OlAcRfVqghXG2tN4aGZl+C+gobFCBgzTGYP7d7pChI8t55hyaHdOfWDkU7TqCFDgM4lYluFgnism5Q22VrXDZmXH0wQGiDFccHl+/TtBRy8gpjcHqdnTibsfQEVUP0JHkMCcWZCUFxHXspMBvEMfQCZWRP0JJ4kai7OGRjSjDFQeMPxX311VKQdksy72QG12IUi7G1Ly4aicXLLHbATpyt+P3GaykgKAjSYE0iJMHjzA5d6mtMlE+oL9g4jYug2eMiDJgcQB0ksnIiALPzmZZbSZWGontFsusQpSDhmDhP6eZi90O0JG7HUPH9vGlb/vpIgUMHbsHCCTB0Ne9MdurduoG2AkqDogyZHEAdBT31zVKQcUrtErsMMv+LtTOOrH6dwPLYGANqu9J5zRzUfUAHdkxwqBE1k76tqmLFHDBsneMgE5gxwiv5Jy+GdjxFgdEGfS5aoaOQjFSKAUAwoISoy6nRmLz7lth9Zx7DmftZBQUAuWYnMszBpAEZe1k6NhJAVoqe8cI6AR2jIQcftgxB3YEDpLIyLLBJjX5zp2b0WTko35KQcVbCCVWCqPAlrAFUsDrmrlRnlMYC8oZOpIcAjqSFHDBspMCQMfjBZOHdYyUIWrUb/666HMaecjnqnHoIr2MbJSPbJ0YnW1CYnSFdjwCKWjf+QQ23nUspOCn6/ExQEeiHGqyNVFAx+MFkwe1QAWEQIoymq9l49GnYMoZX0bGcgE6aWTkj9IipUta58Jpm36i7QYpYLOZPWvtBAqOxW6Hybkgh4COJAWAjiQF7qfVZKJ5gIz8bQrPt3WUeg47rxgy8jfldV9A514Ej+zTGIM1tOLirgsS45rWbASsuWTN7MuDQYQkBTz+FOQQ0BEfX0DHuY0jEUEKjMm5twVqMdhaIAoxPDZVCZeRdx2bgva6Lw5dKO6vK5SCY1a7hNNVzbsdmHS7kRiXrKVjeQAdgQOGjuwYAR2zGAjofO9tEIfJuWyoDRxM5ht+KIhC3QHAo5aR9dd9nz19eunKkydvIsnI/bxfSny64BYq7rowTqbAJ7zLS7E8aq+UiSQF4acEXfdXGTonesHUptl/J0q92PyHyl3goLeMrHeNxOT8VQIZWSaGLluQgmIzsYYFFyTGJWsulkcPHevH5mcYdFyHt9npQiwXtvVyMTbGnbIFKsbGUKuog250DTVjxPgzDAcxlYIlP6frIwXH9PeQGIx0crE8WujYi8E0DDr25cLk3NUCTZaNad41spmbfM46/1xeKWRk5XVfQCexjAy+ktn8HReb3i97RJSNxOhnOa7E8mihYyUFgdBxeIBwgS1sMvJe2/ULbEqXuUkxFv/kspj0kZE/xnKNhF1BWhkZwt64dPs7cpSGiM1mwB1myrbdrlBAp7KSgsArfPixtVZb1M6PrWrzTIBhnDtxwDbd4luy3zPPKB5RIrlGvr11i6ATUuXiKQUwfj3o7HbjFXSM2rkklBiJMWvctZBDjbnXzEoKfNCRBnFzW+xNalFaYzZ5ffI4oT6wgodPzA4vI8vJuf/+ulYpQGJoNafdxGg9N9HErVhmJMbgyyy73SzoeHNuGvhz224lBas/nJezX5PVr2r9u1+zajKRBnHHFjdAc7ksRTArQk6lH0rQ7SSSkREQ0LHiYKgXSUtGTlN3E6NVMT8mVLF+GIkxoSkjOZ5hci5JAes6PQziKguNMper7lKcZRXqkV11bLhbLJdKRg6/7gvoCBwMKiO3OILSSYyhY/7wFwAJ/l/1mDb4SFfVICnJKDz+tJICh0GcqFgt9kzpt5odVv3GCdXk9xp6WW8ZWXvddwWdl8+f30gkIyNK2dBidhPLVg56iEK0Nytme53EcjhQ688YADq2KHzowkkKVt47SyTabfOagx9SYGvozxbF11OdSi+Lxdy4GjSsjMwBjcl5b3MTJHZa75eieVdYEivythQfk3piS6xqv8a7qgboxHp8rFzBafqXSk1mVhn58N04y9taZ25S/WpTychIFNAJJgUxreTLoFE8EhvY8axaUd96sMfHpIw82u1vbuJpqBO9MwKnCy8pSKAUuJcnveMZogzhAaLwyPb5qKV6rhqTc5lY6hdJncuT/qqanhR4liu2R7ZEeYJ3Rl7fvXvp+osXDyMoRgMag6V3PEOUATxAIp9KTysj+ybnZ/giqWu2HIcUnN3jY4gS/VQ6oqQsDhh/Ou+v/4ekIMXjY+5iENsjG1GSFgdAR00KhjIGS39VTU8KwjvGfuYmntqZsDhgcr59pOCDihQk7hjDlyt+x4goaYvDs9u3/0HnIpGCVB3jXoqOMYGM7FgunmFdIFKwrR2j4lQ6oiQsDgydLSYF7xWk4MN56hh74UBGSVwcAJ1YpGC05aTgXHWMe1spI9NyMXQuDClI1THuJ+kYESVxceBBxP371y4KKdjZV3SMusPbWyUjq4sDJucXhBScZcd4dDYy8qeBigMm50cXghScs45xfytlZFouTM77kYLdc0kKtrdjDDU32QYZ+TuM/h9dv/4gCin4sOWkwKx657Jj/LYFMjIb/f9p72p72oaBMENhU6MqmpZScFelsGkf0gL7MJCYVNSKUl5+Qf//P1nPzmWUEDmp48vZJB+meNGexrdr77k7+/FwKDvnnEgBAlIrnjmZMZaXkRHQVnDA9mcrpGDeHCnoysjkwQFd5wOQAq8yxoK56IMDuk6zpOC5fVLQUsa4bCxjvGNTRi4JDrjowl9SoFU8M+dQ9Blj0Vz0weHPdCpdx3tSUOYHLmeMGnM92l28jT2sPUnBullSsCiQAlLFs+KOLnsZ40rza2d78bZ5cEDXqbV/vVlSsDIlBWzKyKUcqkoq3EIZ2Wy7L7qO56TAx4zRwo6uWsEBXKc/m8VtkoK1nhQQKZ7pSYFDZWTbi7exc64hBUaL9g1JAWEZecUgY6wkblIsI9Mv3sbOOcGJpKakAAGJy8jGGiD12wluLN7GzjmvE0mtlZGf6UmBhXYCohAEh3Jz5a5TzQ827ZMCA8Uzc1JAkzE6ogFyc3l5cDIYhKxIQcnELCie0WeM+naCIxogt9iIaJ8UVDyu2oEycsFcNcVNzKvuJMEhb3/SnUi6KTEP5VY1MlJQf1W6Ixogt0/oOvkr+UYKLGaMt8QZo5G5mg8O6DqMSMG8CVLgfMbY+uJtbXC4uLqSruMpKSj4AemOrtriJgtOi7d1wQF7WJ6SAoOMseAHBBnj0hENEDlRdB0/SUEh6lHu6PK2jJxNFF3HS1JAkzE+0ZeRWQQHcJ1Pp6dfHCMF2lXpDDNGvbiJIxog2dcZO+daxTMHSYEHGSMfDZB54dcOXWcvUnDHmhTslzG+tJMxbtovI9cMDug6iX+kQC9uUlEYjFPGyEADBCeKriPaJwWvJtaVkflqgKiJouuMjo8n7ZCCZXOkgE0Zee56GblqcDgfjSA5v3aGFDzxKiMvNKSg6qp0TmVk/XHVxTMi9F8TZ0iBVtyE+PCxjSZjdEQD5PVEsf3pMCl4dx+z4xkjUw0QnGihc05PCpZdGVn6pysaIDtf5/N+X7qOV6RARj0+pODd2PnXWhmZ6rhq7GF5RQq27+VdxmhjR5dZcEDX8YkUVFY8cyhjZKAB8jY4oOt4RArkxDiRAtOMEV+LWcaIrsOOFJgpnhGQApOMcccPHNEA2Z0oVpOHw7gyKVhyJwUwMV6kgGcZ2VhSHDvnpX5AX0bWK545cPhY9YzRXAPk2V5w2JQHh9x1HCAFRuImVKSgvriJG4u3CxMt75wDgJ4UmKvGrkkUz5gcPlYubsJdA6T4Xv/lCh7src9bUx9XbWGbt6WMccFHA2RVWz30YjY7OJpOr/0gBTpxE3vCYBvjjNF88TZVGbnQObdMCl72IAWsDh8zyRgfHSgj1z5nBNufXpACnBjZji7zjFFvLkBhmTGi6xiQAlaHjy05Hz72NmN0RAOkJDigvg7dNm+rZeSNwY4uI1LgTBm5ueBwMxhI12FCCh4sKJ7xOXxs1w8c0QAp+7XDzvnnIOilIh0H8orDaNzbXlEQhpH8m+1ATOAWrjCFh9ubKAzhz+0gmcRBdiUi7Y0zmDhQODHASBwhkjHChL0MB2AkTiKS7GEEH6Jwoi2MwgkRJkhFoh7CG6qHGQzgJEJECBP3ACdDkTipyN81FAk8zGDwQ7KHsRBggiCbqMIBGIkD5orQXPghAUxU4Ygwyg0CJkBzKRy4VThgrghh1ENAUQ/BXPm7JonCyf4tWF2EaK5JCg8RRuHkVh+DuQI0V6T+a9FcAJPmVk/UQ5wnjJIwxpmAuXKr/zg8BNe5V+Wdk3u8vsJwgKOfMDrOHx7BMB/9gtE3uOtwPhpO5zodzp44Z5/gOpB3eH2H4W8cncBolD88g2E+6sOoD3cdzgfD+Qf1P5IUTNyVdgAAAABJRU5ErkJggg==" bindtap="gj"></cover-image>
        
        <!-- <view wx:if="{{again}}" class="scratch_btn again_btn" bindtap="gj">
            <view>再刮一次</view>
        </view> -->
    </view>
 
 
    <view class="scratch_btn">
        <view>我的奖品</view>
    </view>
    <view class="scratch_btn">
        <view>活动规则</view>
    </view>
 
</view>

wxss

page{ box-sizing: border-box; padding-top: 50rpx; background-color: #3b0a8e;}
 
.scratch_body{ width: 630rpx; padding-top: 24rpx; margin: 0 auto; position: relative;}
.scratch_body_bg{ width: 100%; position: absolute; left: 0; top: 0;}
 
.scratch_time{ width: 440rpx; height: 64rpx; margin: 0 auto 20rpx auto; text-align: center; color: #e81903; font-size: 28rpx; position: relative;}
.scratch_time text{ font-size: 42rpx;}
 
.scratch_do{ width: 570rpx; height: 213rpx;/* margin: 0 auto 160rpx auto; */ margin: 0 auto 110rpx auto; position: relative;}
.scratch_do_after , .scratch_do_after_box , .scratch_do_after_box image , .scratch_do_in , .scratch_do_before{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.scratch_do_after_box{ padding-top: 25rpx; line-height: 82rpx; color: #7a7a7a; font-size: 40rpx; text-align: center;}
.scratch_do_after_box view{ position: relative;}
.scratch_do_after_btn{ width: 210rpx; height: 54rpx; line-height: 54rpx; margin: 0 auto; color: #fff; font-size: 30rpx; border-radius: 27rpx; background-color: #ff3c9d;}
 
.scratch_btn{ width: 310rpx; height: 64rpx; margin: 34rpx auto 0 auto; border: #fff solid 2rpx; border-radius: 32rpx; position: relative;
    display: flex; justify-content: center; align-items: center;
    box-shadow: 0 0 15px 5px rgba(102,12,164,.8);
}
.scratch_btn view{ width: 300rpx; height: 52rpx; line-height: 52rpx; text-align: center; color: #3b0a8e; font-size: 30rpx; font-weight: bold; background-color: #fff; border-radius: 26rpx;}

js

var app = getApp();
 
import Scratch from '../../utils/scratch.js'
 
let cjIn = false; //防止多次点击
 
Page({
 
    /**
     * 页面的初始数据
     */
    data: {
        gjEnd: false, //是否刮奖结束
        showGjBth: true, //是否显示刮奖按钮
        again: false, //是否显示再来一次按钮
 
        cjNum: '', //抽奖机会
        
        resaultSrc: '', //中奖显示图
        hasPrize: '', //是否中奖
        prizeName: '', //奖品名称
    },
    
    
    //刮奖设置
    gj() {
        let This = this;
 
        if (!This.data.cjNum) {
            wx.showModal({
                title: '很抱歉',
                content: '没有机会啦~',
                showCancel: false,
                success(res) {
 
                }
            })
            return;
        }
 
        if (cjIn) {
            return;
        } else {
            cjIn = true;
        }

 
                let timeOutTime = 0; //再次 刮奖时要先显示CANVAS，如果显示CANVAS 与 初始化刮奖界面同时进行的话，则不能重置刮奖层状态
                if (This.data.gjEnd) {
                    //先显示CANVAS
                    This.setData({
                        gjEnd: false, //是否刮奖结束
                    });
                    timeOutTime = 100;
                }
                setTimeout(function() {
                    //初始化刮奖界面 ，重置刮奖层状态
                    new Scratch(This, {
                        canvasId: 'canvas-demo',
                        width:570,
                        height:213,
                        //maskColor:'#dddddd',
                        //size:15,
                        //scale:1,
                        scale:.5,
                    })
                    
                    setTimeout(function() {
                        //重置刮奖层状态后，再绑定 获取到的结果 数据，否则会出现结果先出来导致“闪动”的状态
                        This.setData({
                            showGjBth: false, //是否显示刮奖按钮
                            again: false, //是否显示再来一次按钮
                            //cjNum: 0, //抽奖机会
                            cjNum: 1, //抽奖机会
                            resaultSrc: '', //中奖显示图
                            hasPrize: true, //是否中奖
                            prizeName: '奖品名称XXX', //奖品名称
                        });
                    }, 100)
                }, timeOutTime)
                
//                 wx.hideLoading();
//             },
//             (res) => {
//                 //失败
//                 console.log(res)
//
//                cjIn = false;
//
//                 wx.hideLoading();
//             },
//         )
 
    },
    //刮卡已刮干净
    clearCanvas() {
        let This = this;
        setTimeout(function() {
            //隐藏CANVAS
            This.setData({
                gjEnd: true, //是否刮奖结束
            });
        }, 100)
        if (!This.data.again) {
            cjIn = false;
            
            console.log('刮卡已刮干净啦！');
            
            //刮卡刮干净后 显示的界面 ，显示再刮一次按钮（页面中已注释）
            This.setData({
                again: true,
            });
        }
    },
    
    
    //获取抽奖机会次数
    getNum() {
        let This = this;
 
        This.setData({
            cjNum: 1,
        });
    },
    
    
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function(options) {
 
    },
 
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function() {
 
    },
 
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function() {
        cjIn = false;
        let This = this;
 
        This.setData({
            gjEnd: false, //是否刮奖结束
            showGjBth: true, //是否显示刮奖按钮
            again: false,//是否显示再来一次按钮
            
            resaultSrc: '', //中奖显示图
            hasPrize: '', //是否中奖
        });
 
        This.getNum(); //获取抽奖机会次数
    },
 
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function() {
 
    },
 
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function() {
 
    },
 
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function() {
 
    },
 
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function() {
 
    },
 
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function() {
        
    }
})

utils

class Scratch {
    constructor(page, opts) {
        opts = opts || {};
        this.page = page;
        this.canvasId = opts.canvasId || 'canvas';
        this.width = opts.width || 300;
        this.height = opts.height || 300;
        this.maskColor = opts.maskColor || '#dddddd';
        this.size = opts.size || 15,
        //this.r = this.size * 2;
        this.r = this.size;
        this.area = this.r * this.r;
        //this.scale = opts.scale || 0.7;
        this.scale = opts.scale || .5;
        this.totalArea = this.width * this.height;
 
        this.init();
    }
    init() {
        this.show = false;
        this.clearPoints = [];
        this.ctx = wx.createCanvasContext(this.canvasId, this);
        this.drawMask();
        this.bindTouch();
    }
    drawMask() {
        this.ctx.setFillStyle(this.maskColor);
        this.ctx.fillRect(0, 0, this.width, this.height);
        this.ctx.draw();
    }
    bindTouch() {
        this.page.touchStart = (e) => {
            this.eraser(e, true);
        }
        this.page.touchMove = (e) => {
            this.eraser(e, false);
        }
        this.page.touchEnd = (e) => {
            if (this.show) {
                this.page.clearCanvas();
 
                this.ctx.clearRect(0, 0, this.width, this.height);
                this.ctx.draw();
            }
        }
    }
    eraser(e, bool) {
        let len = this.clearPoints.length;
        let count = 0;
        let x = e.touches[0].x,
            y = e.touches[0].y;
        let x1 = x - this.size;
        let y1 = y - this.size;
        if (bool) {
            this.clearPoints.push({
                x1: x1,
                y1: y1,
                x2: x1 + this.r,
                y2: y1 + this.r
            })
        }
        for (let item of this.clearPoints) {
            if (item.x1 > x || item.y1 > y || item.x2 < x || item.y2 < y) {
                count++;
            } else {
                break;
            }
        }
        if (len === count) {
            this.clearPoints.push({
                x1: x1,
                y1: y1,
                x2: x1 + this.r,
                y2: y1 + this.r
            });
        }
 
        //添加计算已清除的面积，达到标准值后，设置刮卡区域刮干净
        let clearNum = parseFloat(this.r * this.r * len) / parseFloat(this.scale * this.totalArea);
        if (!this.show) {
            this.page.setData({
                clearNum: parseFloat(this.r * this.r * len) / parseFloat(this.scale * this.totalArea)
            })
        }
        if (clearNum > .2) {
        //if (len && this.r * this.r * len > this.scale * this.totalArea) {
            this.show = true;
        }
        this.clearArcFun(x, y, this.r, this.ctx);
        this.ctx.draw(true);
    }
    clearArcFun(x, y, r, ctx) {
        let stepClear = 1;
        clearArc(x, y, r);
 
        function clearArc(x, y, radius) {
            let calcWidth = radius - stepClear;
            let calcHeight = Math.sqrt(radius * radius - calcWidth * calcWidth);
 
            let posX = x - calcWidth;
            let posY = y - calcHeight;
 
            let widthX = 2 * calcWidth;
            let heightY = 2 * calcHeight;
 
            if (stepClear <= radius) {
                ctx.clearRect(posX, posY, widthX, heightY);
                stepClear += 1;
                clearArc(x, y, radius);
            }
        }
    }
}
 
export default Scratch