From c9de5d0ccace3f0237624aa16e32f464fffca26d Mon Sep 17 00:00:00 2001 From: Jeff Date: Tue, 14 Dec 2021 18:14:59 +0800 Subject: [PATCH] [modi] image to base64 string --- lib/components/ScratchOffCard/brush.jpg | Bin 2639 -> 0 bytes lib/components/ScratchOffCard/index.tsx | 4 +++- 2 files changed, 3 insertions(+), 1 deletion(-) delete mode 100644 lib/components/ScratchOffCard/brush.jpg diff --git a/lib/components/ScratchOffCard/brush.jpg b/lib/components/ScratchOffCard/brush.jpg deleted file mode 100644 index 7597541e3b59d4166c5660fdc6e2cedf479a7363..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2639 zcmV-V3b6HwP)o000UWNklZs8OHbC%_iAolg-s6P1>YMn)D=X zBbJp$yTo%rg%A@;g|Oqo!QtMc{}ht75!MKK(}k2!4uKINK2idS_CsQTV@`IrEr+

zE_ym;;alxSAW!_uKa8fXj(7^!4oac->8kd>8XM2;7-QD1bpF4EI`BQ26j zrHsI2KQYm>W|(7>++=_1EsaDXjeKt;I)ogpBE8lK1>9GQP#ufK#trb?-o6GM&O(Vq zqM)d#D5sYVdM7l+B_TRJi)Z11T7L4av#H%Jj}8QZnnRbAd|T&F{@Sf zK%S9&nsA-)Zegx)y3i?nPx!F#Enz9&Pxau!F~}(7d;!P6LH-W$c@yNU7Tza(Q+Nzx zy%CjHb6m0)&l^%#;?+Yzr?~8El{!hni*4~9zGuq3Uf3;c7FG%G7rrK3ChQb$l#5T& zYdz<*b4sT#M*2Fw$jP?xUMl}L2tO5mE8NejnDh{C~ah0pUGh z9^Ww|TqRt=dCW!UK%lwmyM&JjZxOB*uC?zg_ATW5c_URXdF4vTsgwFzM%n~6o|7hf zKN-wa_j}>j!am_Cb6@JQS!_B=1zq1{k6SPoA=9MA^0=H#fHq1yrTQo8DBIV)KzS#iock z+l8lv1HwV!ufik33gJRxX*n6O3AcMrcwTrM^ra$f} zOn?)P!GZ(HLP1=;Rk%UeBRq=Ry&xQAlOB%ZcIKLw5{p8V6Bf5V$LHH{*$atbmK1Iw zYd=R;JqEf_;bGi-Qsvn~Ax@ zI^*;Y@jK(WskykyEZl4}ihKywS>V50Fa<3qi2I05^=#1VkuMNF!|^+KzX3Pg?zpUn z!_<|xldN7sh4)b2oQEO2B7QA#vF=0+ioiVs2hMO@{p6syC{bq<+vv>)B}*Uk5XwP=UqcdRe2nfo#S4`&al8M zv}0tm8Hq$U2oi7;Z!r*q3Dz%DVMZQu?&SN8@c}P`*unjYL|tTxX&kcE(V1AnI8*{5YBVVbt>k z?s|mRF4VUdm%W!`&1G+8%Cmvwv67gYB+SG*Iy!;_d@M0?%Z94fp_mGLd2(l#EiNo9 zEVs-q5=+u1*50z3?t>8c2gM8%26`>t<;};Nfw)M)AeL)8!8l=>QR2= zWO}j{Czhnr$n!fboK^hwDvamTAEz&?AD778+6nMaQD}Ejk{rY>zm5yP1fImb@5a?1 z#9c37Xt12o*fL6@Chj$OG7%Vb294n!9z=Noy25GPV`=B8k~+sSVBG_0M0H*MzBRl~I+5A7w+Bb*)9dUWKKCb+$vmq5qBIwBACJzU zWO;#h@9&WKG==vzita5a?J8pBZ9D=fM0GZ0en5(!OI_M(Eh5c9>_n+70RcIKOgMh$ zp^w-8#l5*=ZEbDBA-fHNI%xr)X8>^k1#ZVBS5Q-)&OIfVsN6&rK1c$|B54$hylRT{ zQTL0A0MnI3+W*I*niNL4NQya=*tLUNZXZM%DK|1nJ_FJ`B{ir5D5U(cDb0^9V~em^ z&HyCH@j>4xT@lpqnwwjFsI1(8issp)MUm$P{VO5sE|SCNY3s%jM{7`(SDZJ~&0I$B z`vr)chLI|Lr@-&~0?riswOJu8o8e91d>Z|0=})c8_$sww&lAV#&P xJmkEO`bOY)%cuJCr}ftv@-i#4GHW>3zW~4r=4NRmbY}nn002ovPDHLkV1k3Z{T~1T diff --git a/lib/components/ScratchOffCard/index.tsx b/lib/components/ScratchOffCard/index.tsx index 7212bd6d..c81f67e5 100644 --- a/lib/components/ScratchOffCard/index.tsx +++ b/lib/components/ScratchOffCard/index.tsx @@ -1,6 +1,5 @@ import React, { useEffect, useRef, useState, memo } from 'react'; import styled from 'styled-components'; -import brushImg from './brush.jpg'; import { getAngleBetween, getDistanceBetween, @@ -10,6 +9,9 @@ import { const DEFAULT_REVEAL_PERCENTAGE = 50; +const brushImg = + 'data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAxCAYAAABNuS5SAAAKFklEQVR42u2aCXCcdRnG997NJtlkk83VJE3apEma9CQlNAR60UqrGSqW4PQSO9iiTkE8BxWtlGMqYCtYrLRQtfVGMoJaGRFliijaViwiWgQpyCEdraI1QLXG52V+n/5nzd3ENnX/M8/sJvvt933/533e81ufL7MyK7NOzuXPUDD0FQCZlVn/+xUUQhkXHny8M2TxGsq48MBjXdAhL9/7YN26dd5nI5aVRrvEc0GFEBNKhbDjwsHh3qP/FJK1EdYIedOFlFAOgREhPlICifZDYoBjTna3LYe4xcI4oSpNcf6RvHjuAJRoVszD0qFBGmgMChipZGFxbqzQkJWVZUSOF7JRX3S4LtLTeyMtkkqljMBkPzHRs2aYY5PcZH/qLY1EIo18byQ6hBytIr3WCAXcV4tQHYvFxg3w3N6+Bh3OQolEoqCoqCinlw16JzTFJSE6PYuZKqvztbC2ex7bzGxhKu+rerjJrEEq+r9ieElJSXFDQ0Mh9zYzOzu7FBUWcO4Q9xbD6HYvhXhGLccVD5ZAPyfMqaioyOrBUgEv8FZXV8caGxtz8vLykhCWTnZIKmsKhUJnEYeKcKk2YYERH41G7UYnck1/WvAPOxsdLJm2+bEY0Ay0RNeqkytXQkoBZM4U5oOaoYSUkBGRtvnesrBZK4e4F6ypqSkuLy+v4KI99ZQxkfc6vZ4jNAl1wkbhG8LrhfNBCdkxmhYacvj/GOce+3K9MHHbDHUmicOufREELRIWch/DljzMsglutr+VIJO5KjGrVfZAnpF8mnCd8G5hrnC60Cl8T/iw8C1hKd9P9eDCMcgo5HwBx8BB/g7xeRPkrBbeJ3xTeAxjvRGVV3NcshfPG1JX4tVDQae47GuVOknCi23xHr5nyrxe2C1sFlYJ7xe+Jlwm7BRulItP0ms957RzTMK1ws41jMS8eDxehopaOCYfxc3AIHcIX+K6nxW+ImyVF1i8PQ8DTuwtdC1atCja3NwcHkq5EuXmo85G+jq+yMm28V4q/zcIPxV+K9zPxnbgTi0ocybu6wX66fx/vfAB4T1gHt8xI1wlXMF5zEXnQKC56ruEjwhvEa4WrrXvK/Yt5Pt5I1UveeVKyKmT+lpG2gQ2npMmez8ZzFT3e+HXwj7hKXNf6rFZbDpJUjESLdFsFX4mfFv4Fd/7qPBm4UPCJ4RNwncwym4UfYVUtiAcDk/T+3NRmylwWzAY7BCBCwYYogZPnrJoRNm2IDc3tw4FVKXFm95UmGLzkTTFpog524WnhQPCQeGvwiPCCuFCYmk5GbEJt3tOeF54HPVeLLyXxHOv8BPhYaFLeFU4gsI7OWeZk3g+hpJNvVMGIIqhdRvy+biVISouq2TBqWxoIL1wgBhU5AR1SzJvFR4UnhX+Bl4RfsFGP0npUkTymIQ7fh8Cf4l6F0LgXkj6o3O+buGfwj+ElzGQETaNeJqPhxiahckYq8KJ9V6mP+4pTIATjsGCA8lCQVy9VbhB2CM8itu9IBxlkx6O4nbmmpcSi0KUExa3Psfn23DZC4lhlhRuIWs/R1Y9BrpR4WHcfiOq34bLl5DJm1B7BANPGO4+2OJfDcVwX+RZkL5d+DRqeRJ360IJx1CFp4w/8/lhVGXxay1xKp8asQ31rSbgz2az1aBBWCZsgKTfEFe7uM4xYus9KHWXcBv3eolwJe67hJLIN6yubMVpW1tbbllZWVxtzjRquvQe9981IG3RZHUQttH7hB8IP0cdLwp/YnNHcdsjEP1xsEruO56i2Fy3UWXMskAgYAH/EjOiCD6NDc/XZ4v12RqSy3WQ9rJD3jPClwkZz2Aoy8JnUEjPcwYWfgfHvcIW84h308mABQP4Xp02OY44M4tSZSfx7UXIewU3NpXuxw0vJzauYDP1XM8y8Ttx67fhylYrdlAMW1x7h/BF3NWI+4PwFwjbSha26/xQuBmib6HDqeI+m4m5wzrj9A/xO+O5qbm4yizcbDOKfAjVWeC/WzAFLSeI+4hN9WzQ65EvED7D8Tt4vwE33O64rIfD1JW3k6xeQoX3UN6chyG8In4tcbHuRAyKw2ktVIIM2U5XcA7t2FKy5vWQeBexbbrTpvmZiJwN6e3EwKspW/ajqBuAKfKQk8m7KIce5bgnMNQDkLWPUmkj511DSVV5HJOd417FzrDAK7RjZLMZiURigmLVFCYs5tI2PFhpcUj/n6z6sp72LwJKiU2rUdp62rA7IX4XytpJ3Weh4XfE1/0kk/uoFX8kbCHudZLld5E8vJIs2+mbT8iznaR60DHMBt0EE1DySVlSsOBvyrL6zkZG5qI2T/QSBYTHMYAlq2tw1+0MFO4kVj5GSbSbgvkA8fQQr1uIdfdD5mZ1GhZbP0XfuwlPmOp0SNkYbkQV2JdlEsq69VJS+rTER+NtZVC+TX+NRFq1XGeiHXbGUHMg6lk2/DiZ+mHU8wTueoTXLtS3F5e9l2PNZW9lyrOB5LGSmJokzMQ6OjqCA3wsMXLLhqrWoZgKe3lyZ5YtLiwsLLfMLhJL0ibW3rKa7oMQ+Ajq6gKHcMeHeP8qZcpRMvyt1J97SRabcNP1ZGsbKhSb6lF+5GR6shUnlqTSyPM7LZxV/PUqjOfTH6cvqx+XyN3aCfBPUWh3UZIcxC2/jgu/BJ7Eve/G1R/EXS9gaLCc0dgySqIm7jV4MhEYdAaN4R4eRHkBusJp3GNp56iSOscyYN0DaUch8Ai13X6yrg0PvotCO8nme0geKymBaulc1qO+NbxOOpHZtrcHR+nT6+wePvcnk8k8qv6iNBdyH4/OoGR5gXbv75D4NIX3NoruLSjtKmLlbTwCKER1NmV+QIqfS13aai0izUHsRKksAQE5g0w4fuehj9f+xb25Ym1tbcIhuw2COmkBn2cAcQAFbsclV1BTns49JZio3EQWPkgCySJpFIu8aor0UfeLigDTlUTa/8eimhRGuUiKOZPYtYNabh9EGik3Mkk+A9I8JTWoAiik/LEpzY8tY4uwWc4AJMjxQd8oXRHU8JqbW32orNyAiubZo0WR5wX9KyHrLpLD52nrxhFHa1CVV5w3081cRu/7BYichpEqfafA7/sCzhT7tVkhLZvhTeB8Gv1r6U+ty/gqtWHQCSNTcPOl9NmXM1S4hgRjBjjL1MdUJ8cx3uhe3d3dfh5Meb8qyKWsuJRidwtN/h20XEtxvTwya7tKncU8ACqmXVwLict5fy6TnFhra2uW7xT8dWk2BHptVBOx8GLKjo3g7bhrBQq1sdVsCvEkhLZIac1y/zmUSO0oO8fX/0P2Ub3cwaWpZSITnLnOpDlBWTIfMleJqFb10jXCBJUlMyORSIP14LhqNef6v/05bpZTdHulUyXKsufDNdRxZ4vIhSKwhQFG5vfLfcwZsx2X92Jhje8/P8OI+TK/oO+zeA84WTzkvI/6RuB3y6f68qf11xnyMiuzMms4178AwArmZmkkdGcAAAAASUVORK5CYII='; + const StyledScratchOffCard = styled.div<{ width: number; height: number }>` position: relative; width: ${props => `${props.width}px`};