image cropping
This commit is contained in:
CPunisher
parent
d2d284a52b
commit
37cdeff5f9
|
|
@ -17,7 +17,7 @@ const mapDispatchToProps = (dispatch, ownProps) => ({
|
||||||
const file = e.target.files[0];
|
const file = e.target.files[0];
|
||||||
if (isPicture(file)) {
|
if (isPicture(file)) {
|
||||||
handleUpload();
|
handleUpload();
|
||||||
toBase64(file, 500, 500).then(res => {
|
toBase64(file, 1.0).then(res => {
|
||||||
dispatch(changeParam(ownProps.rendererIndex, ownProps.paramIndex, res))
|
dispatch(changeParam(ownProps.rendererIndex, ownProps.paramIndex, res))
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,746 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<svg
|
|
||||||
version="1.1"
|
|
||||||
id="Default"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
||||||
x="0px"
|
|
||||||
y="0px"
|
|
||||||
viewBox="71 71 2521 686"
|
|
||||||
enable-background="new 0 0 2521 828"
|
|
||||||
xml:space="preserve"
|
|
||||||
>
|
|
||||||
<g>
|
|
||||||
<g id="mmm">
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="600,600"
|
|
||||||
stroke-dashoffset="600"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="2.2s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="1.7s"
|
|
||||||
values="-600; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<path
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M2407.3796,576c0-52.6933,0-105.3867,0-158.08
|
|
||||||
c0-2.0784,0.0005-4.1568-0.0034-6.2352c-0.0012-0.6671-0.0029-1.3342-0.0054-2.0013c-0.0046-1.2442-0.0117-2.4883-0.0237-3.7325
|
|
||||||
c-0.0115-1.2031-0.0273-2.4062-0.0505-3.6092c-0.022-1.1555-0.0508-2.3108-0.0889-3.4658
|
|
||||||
c-0.0364-1.1028-0.0813-2.2053-0.1379-3.3073c-0.0537-1.0471-0.1179-2.0938-0.1958-3.1394
|
|
||||||
c-0.0737-0.9905-0.1594-1.9801-0.2603-2.9682c-0.0959-0.939-0.2053-1.8766-0.3311-2.8121
|
|
||||||
c-0.1194-0.8883-0.2532-1.7746-0.4041-2.6581c-0.1438-0.8433-0.3032-1.6841-0.4792-2.5213
|
|
||||||
c-0.1711-0.8133-0.3582-1.6232-0.5615-2.429c-0.2019-0.7991-0.4202-1.5942-0.6541-2.3846
|
|
||||||
c-0.238-0.8038-0.4924-1.6027-0.7617-2.3965c-0.1389-0.409-0.2815-0.8167-0.428-1.2232c-0.2527-0.7018-0.5161-1.3998-0.7898-2.0937
|
|
||||||
c-0.6018-1.5253-1.2542-3.0308-1.9558-4.5129c-0.7041-1.4875-1.4578-2.9515-2.2593-4.3888
|
|
||||||
c-0.8015-1.4374-1.6511-2.8481-2.5464-4.2289c-0.8923-1.3759-1.8301-2.7223-2.8115-4.036
|
|
||||||
c-1.9629-2.6274-4.1001-5.1245-6.3933-7.4692c-2.2932-2.3446-4.7419-4.5368-7.325-6.5575
|
|
||||||
c-1.2917-1.0104-2.6167-1.9779-3.9727-2.9004c-1.3606-0.9258-2.752-1.8064-4.1711-2.6397
|
|
||||||
c-1.4192-0.8333-2.8662-1.6194-4.3376-2.3564c-1.4663-0.7345-2.9568-1.4202-4.4685-2.0558s-3.0444-1.221-4.595-1.755
|
|
||||||
c-1.5503-0.534-3.1184-1.0166-4.7009-1.4466c-3.1648-0.86-6.3865-1.5098-9.6372-1.9436c-3.251-0.4338-6.5308-0.6517-9.8105-0.6517
|
|
||||||
s-6.5593,0.2179-9.8103,0.6517c-3.2507,0.4338-6.4727,1.0836-9.6375,1.9436c-3.1648,0.8601-6.2725,1.9304-9.2959,3.2016
|
|
||||||
c-1.5115,0.6356-3.0022,1.3214-4.4685,2.0558c-1.4714,0.7371-2.9185,1.5231-4.3376,2.3564
|
|
||||||
c-1.4192,0.8333-2.8105,1.7139-4.1711,2.6397c-1.3557,0.9226-2.6809,1.89-3.9727,2.9004c-2.583,2.0207-5.0317,4.2129-7.325,6.5575
|
|
||||||
c-1.1465,1.1723-2.2542,2.3828-3.3206,3.6285c-1.0662,1.2458-2.0913,2.527-3.0728,3.8407
|
|
||||||
c-0.9814,1.3138-1.9192,2.6601-2.8113,4.036c-0.8955,1.3809-1.7449,2.7915-2.5464,4.2289
|
|
||||||
c-0.8015,1.4373-1.5554,2.9013-2.2595,4.3888c-0.7017,1.4821-1.354,2.9876-1.9558,4.5129
|
|
||||||
c-0.2737,0.6939-0.5371,1.3919-0.7898,2.0937c-0.1462,0.4065-0.2891,0.8142-0.428,1.2232
|
|
||||||
c-0.2693,0.7938-0.5237,1.5927-0.7617,2.3965c-0.2339,0.7904-0.4521,1.5855-0.6541,2.3846
|
|
||||||
c-0.2034,0.8058-0.3904,1.6157-0.5615,2.429c-0.176,0.8372-0.3352,1.678-0.4792,2.5213c-0.1509,0.8835-0.2847,1.7698-0.4041,2.6581
|
|
||||||
c-0.1257,0.9355-0.2351,1.8731-0.3308,2.8121c-0.1011,0.9881-0.1868,1.9777-0.2605,2.9682
|
|
||||||
c-0.0779,1.0456-0.1421,2.0923-0.1958,3.1394c-0.0566,1.102-0.1016,2.2045-0.1379,3.3073
|
|
||||||
c-0.0381,1.155-0.0667,2.3103-0.0889,3.4658c-0.0232,1.203-0.0391,2.4061-0.0505,3.6092c-0.012,1.2442-0.019,2.4883-0.0234,3.7325
|
|
||||||
c-0.0027,0.6671-0.0044,1.3342-0.0056,2.0013c-0.0039,2.0784-0.0032,4.1568-0.0032,6.2352c0,52.6933,0,105.3867,0,158.08"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="288,288"
|
|
||||||
stroke-dashoffset="288"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="2.2s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="1.7s"
|
|
||||||
values="-288; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<line
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
x1="2259.0596" y1="576" x2="2259.0596" y2="288"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="600,600"
|
|
||||||
stroke-dashoffset="600"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="2.2s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="1.7s"
|
|
||||||
values="-600; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<path
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M2555.6995,576c0-52.6933,0-105.3867,0-158.08
|
|
||||||
c0-2.0784,0.0005-4.1568-0.0034-6.2352c-0.0012-0.6671-0.0027-1.3342-0.0054-2.0013c-0.0044-1.2442-0.0115-2.4883-0.0234-3.7325
|
|
||||||
c-0.0115-1.2031-0.0276-2.4062-0.0505-3.6092c-0.0222-1.1555-0.0508-2.3108-0.0889-3.4658
|
|
||||||
c-0.0364-1.1028-0.0813-2.2053-0.1379-3.3073c-0.054-1.0471-0.1182-2.0938-0.1958-3.1394
|
|
||||||
c-0.0737-0.9905-0.1597-1.9801-0.2603-2.9682c-0.0959-0.939-0.2053-1.8766-0.3311-2.8121
|
|
||||||
c-0.1194-0.8883-0.2532-1.7746-0.4041-2.6581c-0.144-0.8433-0.3032-1.6841-0.4795-2.5213
|
|
||||||
c-0.1709-0.8133-0.3579-1.6232-0.5613-2.429c-0.2019-0.7991-0.4202-1.5942-0.6543-2.3846
|
|
||||||
c-0.238-0.8038-0.4922-1.6027-0.7617-2.3965c-0.1387-0.409-0.2815-0.8167-0.4277-1.2232
|
|
||||||
c-0.2527-0.7018-0.5161-1.3998-0.7898-2.0937c-0.6018-1.5253-1.2542-3.0308-1.9558-4.5129
|
|
||||||
c-0.7043-1.4875-1.4578-2.9515-2.2595-4.3888c-0.8015-1.4374-1.6509-2.8481-2.5461-4.2289
|
|
||||||
c-0.8923-1.3759-1.8301-2.7223-2.8115-4.036c-1.9629-2.6274-4.1003-5.1245-6.3933-7.4692
|
|
||||||
c-2.2932-2.3446-4.7419-4.5368-7.325-6.5575c-1.2917-1.0104-2.6167-1.9779-3.9727-2.9004
|
|
||||||
c-1.3606-0.9258-2.752-1.8064-4.1711-2.6397c-1.4194-0.8333-2.8662-1.6194-4.3379-2.3564
|
|
||||||
c-1.4661-0.7345-2.9568-1.4202-4.4685-2.0558s-3.0444-1.221-4.5947-1.755s-3.1184-1.0166-4.7009-1.4466
|
|
||||||
c-3.1648-0.86-6.3867-1.5098-9.6375-1.9436c-3.251-0.4338-6.5305-0.6517-9.8103-0.6517s-6.5596,0.2179-9.8103,0.6517
|
|
||||||
c-3.251,0.4338-6.4729,1.0836-9.6377,1.9436c-3.1648,0.8601-6.2722,1.9304-9.2957,3.2016
|
|
||||||
c-1.5117,0.6356-3.0022,1.3214-4.4685,2.0558c-1.4714,0.7371-2.9185,1.5231-4.3376,2.3564
|
|
||||||
c-1.4192,0.8333-2.8108,1.7139-4.1714,2.6397c-1.3557,0.9226-2.6809,1.89-3.9724,2.9004c-2.583,2.0207-5.032,4.2129-7.325,6.5575
|
|
||||||
c-1.1465,1.1723-2.2542,2.3828-3.3206,3.6285c-1.0664,1.2458-2.0913,2.527-3.0728,3.8407
|
|
||||||
c-0.9814,1.3138-1.9192,2.6601-2.8115,4.036c-0.8953,1.3809-1.7446,2.7915-2.5464,4.2289
|
|
||||||
c-0.8015,1.4373-1.5552,2.9013-2.2593,4.3888c-0.7017,1.4821-1.354,2.9876-1.9558,4.5129
|
|
||||||
c-0.2739,0.6939-0.5371,1.3919-0.7898,2.0937c-0.1465,0.4065-0.2891,0.8142-0.428,1.2232
|
|
||||||
c-0.2693,0.7938-0.5237,1.5927-0.7617,2.3965c-0.2339,0.7904-0.4521,1.5855-0.6541,2.3846
|
|
||||||
c-0.2036,0.8058-0.3904,1.6157-0.5615,2.429c-0.176,0.8372-0.3354,1.678-0.4795,2.5213c-0.1506,0.8835-0.2847,1.7698-0.4038,2.6581
|
|
||||||
c-0.1257,0.9355-0.2351,1.8731-0.3311,2.8121c-0.1008,0.9881-0.1865,1.9777-0.2603,2.9682
|
|
||||||
c-0.0779,1.0456-0.1421,2.0923-0.1958,3.1394c-0.0566,1.102-0.1016,2.2045-0.1382,3.3073
|
|
||||||
c-0.0381,1.155-0.0667,2.3103-0.0889,3.4658c-0.0229,1.203-0.0388,2.4061-0.0505,3.6092
|
|
||||||
c-0.0117,1.2442-0.0188,2.4883-0.0234,3.7325c-0.0024,0.6671-0.0042,1.3342-0.0054,2.0013
|
|
||||||
c-0.0039,2.0784-0.0032,4.1568-0.0032,6.2352c0,52.6933,0,105.3867,0,158.08"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<g id="ooo">
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="679,679"
|
|
||||||
stroke-dashoffset="679"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="2.05s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="1.55s"
|
|
||||||
values="679; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<path
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M2119.0391,432
|
|
||||||
c0-6.5931-0.6033-13.1685-1.803-19.6516c-1.2717-6.8726-3.2068-13.6031-5.7795-20.1017
|
|
||||||
c-5.4314-13.7201-13.6145-26.1785-24.0486-36.6128c-10.4343-10.4348-22.8931-18.6187-36.6138-24.0507
|
|
||||||
c-6.4988-2.5729-13.2296-4.5082-20.1027-5.7801c-6.4833-1.1998-13.059-1.8031-19.6523-1.8031
|
|
||||||
c-6.5933,0-13.1686,0.6033-19.6516,1.8029c-6.8727,1.2718-13.6033,3.207-20.1017,5.7796
|
|
||||||
c-13.7201,5.4315-26.1786,13.6146-36.6128,24.0485c-10.4348,10.4345-18.6188,22.8932-24.0508,36.6139
|
|
||||||
c-2.5729,6.4988-4.5082,13.2297-5.78,20.1026c-1.1998,6.4834-1.8031,13.0591-1.8031,19.6525
|
|
||||||
c0,6.5931,0.6031,13.1685,1.8029,19.6516c1.2719,6.8726,3.2069,13.6031,5.7797,20.1017
|
|
||||||
c5.4314,13.7201,13.6145,26.1785,24.0485,36.6128c10.4343,10.4348,22.8932,18.6187,36.6139,24.0507
|
|
||||||
c6.4988,2.5729,13.2297,4.5082,20.1025,5.7801c6.4834,1.1998,13.0591,1.8031,19.6526,1.8031c6.593,0,13.1685-0.6033,19.6515-1.8029
|
|
||||||
c6.8727-1.2718,13.6031-3.2069,20.1018-5.7796c13.72-5.4315,26.1785-13.6146,36.6128-24.0485
|
|
||||||
c10.4348-10.4345,18.6187-22.8932,24.0508-36.6139c2.5728-6.4988,4.5081-13.2297,5.78-20.1026
|
|
||||||
C2118.4358,445.1691,2119.0391,438.5935,2119.0391,432z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<g id="ccc">
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="475,475"
|
|
||||||
stroke-dashoffset="475"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="1.9s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="1.4s"
|
|
||||||
values="475; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<path
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M1810.8269,342.4639
|
|
||||||
c-7.9363-5.353-16.5452-9.6255-25.6079-12.7087c-9.4066-3.2003-19.2096-5.0871-29.1322-5.6072
|
|
||||||
c-9.9227-0.52-19.8694,0.3317-29.5592,2.5312c-9.3356,2.119-18.344,5.4682-26.7964,9.9625
|
|
||||||
c-8.4524,4.4941-16.2664,10.0895-23.2434,16.6439c-7.2418,6.8033-13.5099,14.5729-18.6276,23.0899
|
|
||||||
c-5.1177,8.5171-9.0353,17.6993-11.6423,27.2876c-2.5117,9.2375-3.7838,18.7639-3.7838,28.3369
|
|
||||||
c0,9.5728,1.272,19.0991,3.7837,28.3365c2.6069,9.5881,6.5244,18.7702,11.642,27.2872
|
|
||||||
c5.1176,8.5172,11.3859,16.287,18.6278,23.0904c6.9771,6.5545,14.7911,12.15,23.2437,16.6442
|
|
||||||
c8.4523,4.4942,17.4607,7.8434,26.7959,9.9624c9.6897,2.1995,19.6361,3.0513,29.5588,2.5313
|
|
||||||
c9.9229-0.52,19.7258-2.4067,29.1327-5.607c9.0629-3.0833,17.6719-7.3558,25.6083-12.7089"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<g id="dian">
|
|
||||||
<animateTransform
|
|
||||||
attributeName="transform"
|
|
||||||
type="translate"
|
|
||||||
begin="1.75s"
|
|
||||||
values="1507.655 530.172"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
additive="sum"
|
|
||||||
></animateTransform>
|
|
||||||
<animateTransform
|
|
||||||
attributeName="transform"
|
|
||||||
type="scale"
|
|
||||||
begin="1.75s"
|
|
||||||
values="0; 1"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
additive="sum"
|
|
||||||
></animateTransform>
|
|
||||||
<animateTransform
|
|
||||||
attributeName="transform"
|
|
||||||
type="translate"
|
|
||||||
begin="1.75s"
|
|
||||||
values="-1507.655 -530.172"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
additive="sum"
|
|
||||||
></animateTransform>
|
|
||||||
<animateTransform
|
|
||||||
attributeName="transform"
|
|
||||||
type="scale"
|
|
||||||
values="0"
|
|
||||||
dur="1.75s"
|
|
||||||
additive="sum"
|
|
||||||
></animateTransform>
|
|
||||||
<path
|
|
||||||
d="M1553.4832,530.172c0-5.7792-1.0903-11.4952-3.2175-16.8687c-2.3048-5.8218-5.7772-11.1084-10.2046-15.536
|
|
||||||
c-4.4277-4.4278-9.7144-7.9005-15.5365-10.2055c-5.3735-2.1274-11.09-3.2178-16.8694-3.2178
|
|
||||||
c-5.7792,0-11.4952,1.0903-16.8687,3.2175c-5.8219,2.3048-11.1084,5.7771-15.536,10.2046
|
|
||||||
c-4.4279,4.4277-7.9005,9.7144-10.2056,15.5365c-2.1273,5.3736-3.2178,11.0899-3.2178,16.8694
|
|
||||||
c0,5.7792,1.0903,11.4952,3.2175,16.8687c2.3048,5.8218,5.7771,11.1084,10.2046,15.5359
|
|
||||||
c4.4277,4.4279,9.7142,7.9005,15.5365,10.2055c5.3735,2.1274,11.0898,3.2178,16.8694,3.2178
|
|
||||||
c5.7792,0,11.4952-1.0903,16.8687-3.2175c5.8219-2.3048,11.1084-5.7771,15.536-10.2046
|
|
||||||
c4.4279-4.4277,7.9005-9.7144,10.2056-15.5365C1552.3927,541.6678,1553.4832,535.9515,1553.4832,530.172z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g id="fff">
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="235,235"
|
|
||||||
stroke-dashoffset="235"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="1.6s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="1.1s"
|
|
||||||
values="235; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<line
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
x1="1230.6259" y1="324" x2="1461.0259" y2="324"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="560,560"
|
|
||||||
stroke-dashoffset="560"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="1.6s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="1.1s"
|
|
||||||
values="560; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<path
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M1460.1464,121.7508
|
|
||||||
c-2.4275-1.7637-4.9656-3.3752-7.5939-4.8225c-1.3143-0.7236-2.6511-1.4062-4.0079-2.0463
|
|
||||||
c-1.3649-0.6438-2.7498-1.2446-4.1523-1.8013c-2.7969-1.1103-5.6633-2.0453-8.577-2.7971
|
|
||||||
c-2.9137-0.7519-5.8749-1.3206-8.8597-1.7022c-1.4967-0.1914-2.9995-0.3358-4.5054-0.4327
|
|
||||||
c-1.4972-0.0964-2.9973-0.1458-4.4977-0.1484c-3.0092-0.0052-6.0188,0.1781-9.005,0.5492s-5.9491,0.9299-8.8656,1.6714
|
|
||||||
c-1.454,0.3696-2.8965,0.7847-4.3245,1.2446c-1.4363,0.4625-2.858,0.9704-4.2625,1.5222
|
|
||||||
c-1.4044,0.5519-2.7915,1.1478-4.1586,1.7867c-1.359,0.6352-2.6984,1.313-4.015,2.032c-2.6411,1.4422-5.1918,3.0502-7.6318,4.8112
|
|
||||||
c-1.2236,0.883-2.4196,1.8045-3.5851,2.7628c-1.1589,0.9527-2.2881,1.9418-3.3853,2.965c-1.097,1.0233-2.1624,2.0807-3.1936,3.1705
|
|
||||||
c-1.0371,1.096-2.0396,2.2247-3.0057,3.3838c-1.9266,2.3115-3.7083,4.744-5.3308,7.2783
|
|
||||||
c-0.8091,1.2634-1.5785,2.5522-2.3069,3.8638c-0.7327,1.3192-1.4236,2.6614-2.0719,4.024s-1.2539,2.7455-1.8154,4.1461
|
|
||||||
c-0.2808,0.7003-0.5504,1.405-0.809,2.1138c-0.1321,0.3618-0.2611,0.7247-0.3872,1.0886
|
|
||||||
c-0.2445,0.7056-0.4777,1.4152-0.6986,2.1285c-0.2201,0.7103-0.4281,1.4244-0.624,2.1419
|
|
||||||
c-0.2416,0.8851-0.4647,1.7752-0.6696,2.6696c-0.1687,0.7366-0.3252,1.4761-0.4697,2.2179
|
|
||||||
c-0.3008,1.5433-0.5504,3.0965-0.7573,4.6552c-0.222,1.6732-0.3947,3.3528-0.5299,5.0353
|
|
||||||
c-0.1466,1.8227-0.2493,3.6488-0.3218,5.476c-0.0784,1.9754-0.1215,3.952-0.1431,5.9287c-0.0231,2.1174-0.0216,4.235-0.0085,6.3525
|
|
||||||
c0.0073,1.1637,0.0179,2.3274,0.0306,3.4911c0.0193,1.7603,0.043,3.5206,0.0664,5.2809c0.027,2.0173,0.0536,4.0346,0.0762,6.0519
|
|
||||||
c0.0133,1.1888,0.025,2.3777,0.0349,3.5666c0.01,1.1847,0.0179,2.3694,0.024,3.5542c0.0062,1.1799,0.0104,2.3598,0.0131,3.5397
|
|
||||||
c0.0043,1.8319,0.0045,3.6638,0.0045,5.4957c0,117.3333,0,234.6667,0,352"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<g id="ttt">
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="235,235"
|
|
||||||
stroke-dashoffset="235"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="1.45s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="0.95s"
|
|
||||||
values="235; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<line
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
x1="959.2219" y1="324" x2="1189.6219" y2="324"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="430,430"
|
|
||||||
stroke-dashoffset="430"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="1.45s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="0.95s"
|
|
||||||
values="430; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<path
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M1074.422,208.8c0,76.8,0,153.6,0,230.4
|
|
||||||
c0,1.4623-0.0001,2.9246-0.0015,4.3869c-0.0012,1.447-0.0035,2.894-0.0063,4.341c-0.0033,1.5402-0.0071,3.0804-0.0095,4.6206
|
|
||||||
c-0.001,0.6155-0.0017,1.2309-0.0021,1.8463c-0.0011,1.6419,0.001,3.2837,0.0106,4.9256c0.0094,1.5685,0.0259,3.137,0.0555,4.7052
|
|
||||||
c0.028,1.4758,0.0676,2.9513,0.1256,4.4262c0.0411,1.0482,0.0916,2.0961,0.1543,3.1433c0.0399,0.6668,0.0848,1.3333,0.1355,1.9993
|
|
||||||
c0.0958,1.259,0.2122,2.5165,0.3557,3.7709c0.1335,1.1689,0.2906,2.3352,0.4763,3.497c0.1752,1.0957,0.3757,2.1875,0.6052,3.2731
|
|
||||||
c0.2217,1.0489,0.4703,2.0921,0.7469,3.1279c0.2474,0.9271,0.5173,1.8482,0.8082,2.7626c0.1659,0.5213,0.3385,1.0405,0.5175,1.5574
|
|
||||||
c0.2765,0.7991,0.5677,1.5932,0.8727,2.3818c0.9918,2.564,2.13,5.0713,3.408,7.5052c1.2778,2.434,2.6953,4.7947,4.2432,7.0666
|
|
||||||
c1.5477,2.272,3.2257,4.4552,5.0229,6.5353c1.7916,2.0736,3.7018,4.0447,5.7179,5.9007c1.0082,0.928,2.0427,1.8273,3.1022,2.6962
|
|
||||||
c1.0593,0.869,2.1437,1.7077,3.251,2.5148c2.2214,1.6192,4.5359,3.1112,6.9279,4.466c2.3921,1.3547,4.8618,2.5722,7.3931,3.6447
|
|
||||||
c2.5232,1.0691,5.1074,1.9941,7.7362,2.7687c2.6285,0.7747,5.3015,1.3989,8.0012,1.8691c1.3499,0.2352,2.7064,0.4318,4.0675,0.5894
|
|
||||||
c1.3698,0.1587,2.7439,0.2779,4.1205,0.3575c2.7445,0.1589,5.498,0.1607,8.2427,0.005c2.736-0.1552,5.4633-0.4669,8.1637-0.9329
|
|
||||||
c2.7004-0.466,5.3743-1.0862,8.004-1.8568c2.6381-0.773,5.2319-1.6973,7.7644-2.7669c2.5325-1.0695,5.0035-2.2842,7.3972-3.6361
|
|
||||||
c2.3861-1.3476,4.6953-2.8316,6.9122-4.4424"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<g id="bbb">
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="504,504"
|
|
||||||
stroke-dashoffset="504"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="1.3s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="0.8s"
|
|
||||||
values="504; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<line
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
x1="679.5572" y1="72" x2="679.5572" y2="576"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="679,679"
|
|
||||||
stroke-dashoffset="679"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="1.3s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="0.8s"
|
|
||||||
values="679; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<path
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M679.5572,432
|
|
||||||
c0,6.5931,0.6033,13.1685,1.8029,19.6516c1.2719,6.8726,3.2069,13.6031,5.7796,20.1017
|
|
||||||
c5.4315,13.7201,13.6146,26.1785,24.0485,36.6128c10.4345,10.4348,22.8932,18.6187,36.6139,24.0507
|
|
||||||
c6.4988,2.5729,13.2297,4.5082,20.1026,5.7801c6.4834,1.1998,13.059,1.8031,19.6525,1.8031c6.5931,0,13.1685-0.6033,19.6516-1.8029
|
|
||||||
c6.8726-1.2718,13.6031-3.207,20.1017-5.7796c13.7201-5.4315,26.1785-13.6146,36.6128-24.0485
|
|
||||||
c10.4348-10.4345,18.6187-22.8932,24.0507-36.6139c2.5729-6.4988,4.5082-13.2297,5.7802-20.1026
|
|
||||||
c1.1998-6.4834,1.8031-13.0591,1.8031-19.6525c0-6.5931-0.6033-13.1685-1.8029-19.6516
|
|
||||||
c-1.2718-6.8726-3.207-13.6031-5.7796-20.1017c-5.4315-13.7201-13.6146-26.1785-24.0485-36.6128
|
|
||||||
c-10.4345-10.4348-22.8932-18.6187-36.6139-24.0507c-6.4988-2.5729-13.2297-4.5082-20.1026-5.7801
|
|
||||||
C800.7263,324.6033,794.1506,324,787.5572,324c-6.5931,0-13.1685,0.6033-19.6516,1.8029
|
|
||||||
c-6.8726,1.2718-13.6032,3.2069-20.1017,5.7796c-13.7202,5.4315-26.1785,13.6146-36.6129,24.0485
|
|
||||||
c-10.4348,10.4345-18.6187,22.8932-24.0507,36.6139c-2.5729,6.4988-4.5082,13.2297-5.7801,20.1026
|
|
||||||
C680.1605,418.8309,679.5572,425.4065,679.5572,432z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<g id="rrr">
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="288,288"
|
|
||||||
stroke-dashoffset="288"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="1.15s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="0.65s"
|
|
||||||
values="-288; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<line
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
x1="468.0493" y1="576" x2="468.0493" y2="288"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="340,340"
|
|
||||||
stroke-dashoffset="340"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="1.15s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="0.65s"
|
|
||||||
values="-340; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<path
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M582.3699,337.7508
|
|
||||||
c-2.1679-1.5751-4.424-3.0288-6.7539-4.3526c-1.1687-0.664-2.3559-1.2954-3.56-1.8929c-1.204-0.5976-2.4249-1.1613-3.6605-1.6905
|
|
||||||
c-2.4713-1.0583-5.0018-1.9782-7.5759-2.7538c-1.287-0.3878-2.5848-0.7395-3.8915-1.0546
|
|
||||||
c-1.3067-0.3151-2.6223-0.5935-3.9446-0.8349c-2.6447-0.4829-5.3163-0.8178-7.9984-1.0021
|
|
||||||
c-2.682-0.1843-5.3744-0.2179-8.0602-0.1014c-1.3429,0.0583-2.6842,0.1541-4.0217,0.2875
|
|
||||||
c-1.3375,0.1334-2.6713,0.3044-3.9993,0.5125c-2.6473,0.4149-5.2715,0.9776-7.8562,1.6847
|
|
||||||
c-1.2881,0.3525-2.5666,0.7407-3.8331,1.1643c-1.2748,0.4264-2.5376,0.8885-3.7865,1.3855c-2.4978,0.994-4.94,2.1278-7.3111,3.3948
|
|
||||||
c-2.371,1.2669-4.6709,2.6671-6.8856,4.1911c-1.1073,0.762-2.1933,1.5549-3.2563,2.3778
|
|
||||||
c-1.0629,0.8228-2.1027,1.6755-3.1178,2.5565c-2.0303,1.7622-3.962,3.638-5.7827,5.6159c-0.9103,0.989-1.793,2.0035-2.6465,3.0419
|
|
||||||
c-0.8535,1.0384-1.6779,2.1007-2.4719,3.1853c-1.5881,2.1691-3.0549,4.4271-4.3906,6.7602
|
|
||||||
c-1.3314,2.3255-2.5326,4.7255-3.5967,7.1849c-0.5304,1.2256-1.0266,2.466-1.4881,3.7193
|
|
||||||
c-0.1833,0.4981-0.3612,0.9982-0.533,1.5004c-0.2967,0.8672-0.5753,1.7405-0.8335,2.6199
|
|
||||||
c-0.2769,0.9432-0.5303,1.8933-0.7599,2.849c-0.2138,0.8901-0.4069,1.7852-0.5808,2.6839
|
|
||||||
c-0.1809,0.9349-0.3409,1.8738-0.4826,2.8154c-0.089,0.5911-0.1708,1.1833-0.2461,1.7763c-0.1319,1.0385-0.244,2.0795-0.3401,3.122
|
|
||||||
c-0.1023,1.1109-0.1865,2.2235-0.2567,3.3369c-0.0747,1.1839-0.1335,2.3688-0.1808,3.5541
|
|
||||||
c-0.0247,0.6186-0.0463,1.2373-0.0652,1.8561c-0.0194,0.6353-0.036,1.2707-0.0504,1.9062c-0.0298,1.3167-0.05,2.6337-0.0643,3.9507
|
|
||||||
c-0.0149,1.3704-0.0233,2.741-0.0286,4.1115c-0.0032,0.8385-0.0053,1.6769-0.0066,2.5154
|
|
||||||
c-0.0035,2.0907-0.0029,4.1813-0.0029,6.272c0,53.3333,0,106.6667,0,160"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<g id="qqq">
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="679,679"
|
|
||||||
stroke-dashoffset="679"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="1s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="0.5s"
|
|
||||||
values="679; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<path
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M324,432c0-6.5931-0.6033-13.1685-1.8029-19.6516
|
|
||||||
c-1.2718-6.8726-3.2069-13.6031-5.7796-20.1017c-5.4315-13.7201-13.6146-26.1785-24.0485-36.6128
|
|
||||||
c-10.4345-10.4348-22.8932-18.6187-36.6139-24.0507c-6.4988-2.5729-13.2297-4.5082-20.1026-5.7801
|
|
||||||
C229.1691,324.6033,222.5935,324,216,324c-6.5931,0-13.1685,0.6033-19.6516,1.8029c-6.8726,1.2718-13.6031,3.207-20.1017,5.7796
|
|
||||||
c-13.7201,5.4315-26.1785,13.6146-36.6128,24.0485c-10.4348,10.4345-18.6187,22.8932-24.0507,36.6139
|
|
||||||
c-2.5729,6.4988-4.5082,13.2297-5.7801,20.1026C108.6033,418.8309,108,425.4066,108,432c0,6.5931,0.6033,13.1685,1.8029,19.6516
|
|
||||||
c1.2718,6.8726,3.2069,13.6031,5.7796,20.1017c5.4315,13.7201,13.6146,26.1785,24.0485,36.6128
|
|
||||||
c10.4345,10.4348,22.8932,18.6187,36.6139,24.0507c6.4988,2.5729,13.2297,4.5082,20.1026,5.7801
|
|
||||||
C202.8309,539.3967,209.4065,540,216,540c6.5931,0,13.1685-0.6033,19.6516-1.8029c6.8726-1.2718,13.6031-3.2069,20.1017-5.7796
|
|
||||||
c13.7201-5.4315,26.1785-13.6146,36.6128-24.0485c10.4348-10.4345,18.6187-22.8932,24.0507-36.6139
|
|
||||||
c2.5729-6.4988,4.5082-13.2297,5.7801-20.1026C323.3967,445.1691,324,438.5935,324,432z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g
|
|
||||||
fill="none"
|
|
||||||
stroke-dasharray="468,468"
|
|
||||||
stroke-dashoffset="468"
|
|
||||||
stroke-width="18"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-width"
|
|
||||||
begin="1s"
|
|
||||||
values="18; 72"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<animate
|
|
||||||
id="a1"
|
|
||||||
attributeType="CSS"
|
|
||||||
attributeName="stroke-dashoffset"
|
|
||||||
begin="0.5s"
|
|
||||||
values="468; 0"
|
|
||||||
dur="1s"
|
|
||||||
fill="freeze"
|
|
||||||
calcMode="spline"
|
|
||||||
keySplines="0.8 0 0.2 1"
|
|
||||||
></animate>
|
|
||||||
<line
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
x1="324" y1="288" x2="324" y2="756"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 29 KiB |
|
|
@ -8,7 +8,7 @@ export function isPicture(file) {
|
||||||
return fileTypes.includes(file.type);
|
return fileTypes.includes(file.type);
|
||||||
}
|
}
|
||||||
|
|
||||||
export function toBase64(file) {
|
export function toBase64(file, aspectRatio) {
|
||||||
let canvas = document.createElement('canvas');
|
let canvas = document.createElement('canvas');
|
||||||
let ctx = canvas.getContext('2d');
|
let ctx = canvas.getContext('2d');
|
||||||
let img = document.createElement('img');
|
let img = document.createElement('img');
|
||||||
|
|
@ -16,14 +16,22 @@ export function toBase64(file) {
|
||||||
|
|
||||||
return new Promise(resolve => {
|
return new Promise(resolve => {
|
||||||
img.onload = () => {
|
img.onload = () => {
|
||||||
let size = Math.min(img.width, img.height);
|
let width, height;
|
||||||
|
if (img.width < img.height) {
|
||||||
canvas.setAttribute('width', size);
|
width = img.width;
|
||||||
canvas.setAttribute('height', size);
|
height = width / aspectRatio;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
height = img.height;
|
||||||
|
width = height * aspectRatio;
|
||||||
|
}
|
||||||
|
console.log(width + ' ' + height)
|
||||||
|
canvas.setAttribute('width', width);
|
||||||
|
canvas.setAttribute('height', height);
|
||||||
|
|
||||||
ctx.fillStyle = 'white';
|
ctx.fillStyle = 'white';
|
||||||
ctx.fillRect(0, 0, size, size);
|
ctx.fillRect(0, 0, width, height);
|
||||||
ctx.drawImage(img, (img.width - size) / 2, (img.height - size) / 2, size, size, 0, 0, size, size);
|
ctx.drawImage(img, (img.width - width) / 2, (img.height - height) / 2, width, height, 0, 0, width, height);
|
||||||
|
|
||||||
resolve(canvas.toDataURL(file.type, 0.9));
|
resolve(canvas.toDataURL(file.type, 0.9));
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue