You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

64 lines
21 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Draw preset</title>
3 years ago
<script src="path-data-polyfill.js"></script>
<script src="script.js" defer></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="container">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
id="svg-canvas"
x="0px"
y="0px"
width="500px"
height="500px"
viewBox="0 0 500 500"
enable-background="new 0 0 500 500"
xml:space="preserve"
></svg>
3 years ago
<section class="preset">
<svg
width="400"
height="265"
viewBox="0 0 400 265"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M197.956 60.9947C197.956 54.3892 171.48 48.0076 168.092 46.9974C154.986 43.089 140.264 43.8536 126.586 42.1385C121.967 41.5593 117.515 41.5305 112.987 42.5397C110.849 43.0162 108.798 44.0811 106.588 44.1445C103.526 44.2322 100.626 45.0561 97.6112 45.5709C91.9324 46.5405 85.4677 45.7492 79.7466 45.7492C70.2132 45.7492 60.4781 45.068 51.0832 46.9528C31.9531 50.7907 25.8978 69.9036 11.3988 80.2521C7.39251 82.9313 3.53071 88.1628 1 92.288M197.956 60.9947C195.753 65.4135 190.579 56.8168 190.579 61.4405V75.0812C190.579 77.5231 191.605 82.785 190.401 85.0665C189.639 86.5098 184.655 86.2594 183.379 85.6906C180.568 84.4373 182.974 88.2085 183.379 89.8363C184.285 93.4687 187.4 96.1959 188.223 99.9107C188.791 102.475 190.089 104.377 191.201 106.731C192.924 110.38 179.739 104.332 183.735 112.348C186.377 117.648 186.308 124.131 189.956 129.198C190.801 130.371 195.723 135.474 194.578 135.617C192.937 135.823 190.554 137.732 188.89 138.381C187.003 139.117 180.307 138.591 185.113 141.724C188.519 143.945 191.926 146.091 195.2 148.455C203.044 154.121 191.529 156.703 187.779 158.485C181.816 161.319 202.983 171.808 204.177 172.527M197.956 60.9947C199.169 58.56 199.149 53.4987 198.178 50.9648C196.665 47.0183 198.578 41.8994 198.578 37.7699C198.578 37.1577 197.98 32.3072 199.555 32.4652C200.448 32.5547 202.649 34.1284 203.51 34.5603C206.49 36.0545 209.968 36.9807 213.243 37.547C215.178 37.8817 217.415 39.1403 218.575 36.5217C219.316 34.8509 221.039 33.9405 221.597 32.1086C221.954 30.9361 221.942 28.9252 222.975 28.0966C224.651 26.7518 226.533 28.9376 228.352 29.7014C231.709 31.1111 234.913 31.8914 238.395 30.6821C243.261 28.9926 247.101 23.5747 250.127 19.6715C251.67 17.682 253.009 16.1584 253.949 19.2703C254.919 22.4821 253.176 23.5017 254.927 26.1352M254.927 26.1352C251.91 35.0439 249.772 44.0642 249.772 53.5503C249.772 75.0971 250.003 96.5541 247.372 117.965M254.927 26.1352C256.704 20.886 260.194 15.2816 262.881 10.4886C264.57 7.47724 266.038 3.88963 268.17 1.21646C269.189 -0.0611264 269.862 4.71385 269.947 5.18385C271.108 11.5879 271.987 17.894 272.791 24.3521C273.923 33.4302 271.596 42.5944 270.169 51.4997C268.085 64.5103 268.85 77.2507 270.747 90.1483C271.111 92.6223 270.477 98.6761 272.969 99.5095M328.963 100.312C333.747 88.2422 339.288 74.5347 341.272 61.7079C342.455 54.0617 343.783 47.4955 346.738 40.3108C348.686 35.5782 351.486 31.2176 352.96 26.3135C354.613 20.8144 356.985 15.0521 359.759 10.0428C360.385 8.91241 361.025 7.91462 361.715 6.87779C363.433 4.2923 363.077 12.9625 363.314 16.0607C364.232 28.0307 362.709 40.0722 362.559 51.9901C362.452 60.476 364.346 69.4516 362.959 77.8004C361.163 88.6101 357.83 98.5121 355.182 109.138C354.547 111.686 352.96 114.729 352.96 117.162M317.764 167.713C318.144 153.999 323.027 142.24 327.363 129.555C327.813 128.237 329.958 119.062 330.385 120.728C331.808 126.281 331.362 132.267 331.362 137.935V156.39C331.362 158.916 330.473 162.452 332.962 163.701M349.76 125.186C349.927 133.707 351.899 142.733 349.138 151.041C347.594 155.688 346.29 160.423 344.961 165.127C343.474 170.392 341.17 177.063 340.961 182.513C340.783 187.164 339.213 196.977 336.162 200.611C333.755 203.478 332.723 206.665 328.607 205.604C320.128 203.417 319.751 196.926 314.387 191.161M314.387 191.161C310.261 186.727 305.908 182.77 301.144 178.946C296.155 174.943 290.851 172.717 285.768 169.318M314.387 191.161C300.797 190.771 284.335 186.235 271.014 183.805C263.828 182.495 256.137 183.578 248.883 182.156C241.861 180.78 234.632 180.823 227.819 178.545C223.255 177.019 218.561 175.503 213.776 174.132M359.359 81.0545C362.65 84.2617 366.026 87.8015 369.758 90.5049C371.893 92.0517 374.649 92.2142 376.913 93.4916C382.316 96.5404 380.277 97.5296 376.335 100.312C374.218 101.806 372.795 103.984 370.558 105.305C368.3 106.637 371.253 108.305 372.202 109.138C375.832 112.324 381.063 112.768 384.956 115.557C385.511 115.955 388.867 116.752 388.867 117.563C388.867 118.614 384.824 119.531 384.156 119.569C379.289 119.848 377.192 122.962 375.802 127.147C374.104 132.257 383.539 132.439 386.378 133.388C387.91 133.901 394.815 138.82 392.955 139.807C390
stroke="#22AFFF"
stroke-width="2"
stroke-linecap="round"
/>
</svg>
</section>
<section class="preset">
<svg
width="379"
height="216"
viewBox="0 0 379 216"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M21.744 11.7686C35.4051 11.7242 72.4162 10.6964 90.0496 11.5464C107.683 12.3964 104.972 14.7186 109.911 16.0186C114.85 17.3186 114.133 11.7519 114.744 18.0464C115.355 24.3408 115.866 25.1464 112.966 47.4908C110.066 69.8353 103.688 111.613 100.244 129.769C96.7996 147.924 104.633 136.53 95.744 138.269C86.8551 140.007 72.7329 138.952 55.7996 138.463C38.8662 137.974 21.7385 136.957 11.0773 135.824C0.416232 134.691 4.46068 140.285 2.49401 132.796C0.527343 125.307 0.971787 109.852 1.24401 98.3797C1.51623 86.9075 1.85512 87.0575 3.85512 75.4353C5.85512 63.813 7.16623 53.4019 11.244 40.2686C15.3218 27.1353 18.7439 5.16859 24.244 9.7686M38.7447 63.2686C45.4448 67.6131 52.4447 39.1297 57.7447 31.4909C63.0447 23.852 61.2391 19.8742 65.2447 25.0742C69.2502 30.2742 75.7336 50.2464 77.7725 57.4909C79.8113 64.7353 83.1447 60.4409 75.4391 61.2964C67.7336 62.152 39.9891 67.2686 39.2447 61.7686C38.5002 56.2686 62.8169 40.5964 71.7169 33.7964C80.6169 26.9964 94.7391 19.0742 83.7447 27.7686M16.7447 77.2686C3.80024 89.6186 4.47246 87.1186 19.0225 89.5186C33.5725 91.9186 75.1502 89.7686 89.4947 89.2686C103.839 88.7686 93.3502 88.3186 90.7447 87.0186C88.1391 85.7186 91.5669 84.4186 76.4669 82.7686C61.3669 81.1186 27.6891 76.3686 15.2447 78.7686C2.80024 81.1686 2.74468 92.1686 14.2447 94.7686C25.7447 97.3686 60.0947 92.1686 72.7447 91.7686C85.3947 91.3686 76.1169 91.1908 77.4947 92.7686C78.8725 94.3464 84.3836 97.3353 79.6336 99.6575C74.8836 101.98 65.1669 103.458 53.7447 104.38C42.3225 105.302 30.1225 104.791 22.5225 104.269C14.9225 103.746 17.5002 103.369 15.7447 101.769C13.9891 100.169 13.2225 92.6908 13.7447 96.2686C14.2668 99.8464 14.4944 114.507 18.3554 119.657C22.2164 124.807 20.8776 121.752 33.0498 122.019C45.2221 122.285 70.4554 122.741 79.2165 120.991C87.9776 119.241 89.1499 115.513 76.8554 113.269C64.561 111.024 29.0664 102.369 17.7443 109.769C6.42222 117.169 22.6449 136.624 20.2451 150.269C17.8452 163.913 7.98396 171.185 5.74507 177.991C3.50618 184.796 4.95618 182.541 9.05063 184.296C13.1451 186.052 19.3229 187.074 26.2173 186.769C33.1117 186.463 38.7229 187.513 43.5229 182.769C48.3228 178.024 49.4728 167.946 50.2173 163.046C50.9617 158.146 46.3617 160.546 47.2451 158.269C48.1284 155.991 56.9117 153.658 54.634 151.658C52.3562 149.658 39.2784 147.524 35.8562 148.269C32.434 149.013 39.4229 153.08 37.5229 155.38C35.6229 157.68 29.9117 160.691 26.3562 159.769C22.8006 158.846 -2.33262 154.769 19.7451 150.769M136.745 139.769C162.1 111.969 128.878 36.4742 146.522 11.7686C164.167 -12.937 208.072 12.0186 224.967 16.2408C241.861 20.463 228.739 20.213 230.995 32.8797C233.25 45.5464 235.617 62.1964 236.245 79.5742C236.872 96.9519 235.311 109.552 234.134 119.769C232.956 129.985 233.411 127.257 230.356 130.657C227.3 134.057 235.156 134.646 218.856 136.769C202.556 138.891 165.678 140.669 148.856 141.269C132.034 141.869 133.767 151.369 134.745 139.769M153.745 83.2687C170.167 71.9798 203.478 82.202 216.856 83.3242C230.234 84.4464 232.056 87.8909 220.634 88.8798C209.211 89.8687 173.022 89.3909 159.745 88.2687C146.467 87.1464 155.245 80.0687 154.245 83.2687C153.245 86.4686 144.44 100.957 154.745 104.269C165.051 107.58 194.229 100.474 205.773 99.8241C217.318 99.1741 210.973 100.124 212.468 101.019C213.962 101.913 213.145 102.952 213.245 104.296C213.345 105.641 225.168 107.646 212.968 107.741C200.768 107.835 163.29 103.663 152.245 104.769C141.201 105.874 146.744 110.808 157.745 113.269C168.746 115.729 197.606 115.02 207.25 117.07C216.895 119.12 215.29 122.857 205.967 123.519C196.644 124.18 170.478 122.33 160.634 120.38C150.789 118.43 154.622 132.191 156.745 113.769C158.867 95.3464 166.595 45.2186 171.245 28.2686C175.895 11.3186 178.111 27.7493 179.995 29.0186C181.88 30.2879 181.867 32.965 180.667 34.615M180.667 34.615C179.467 36.265 176.23 37.5879 173.995 37.2686C171.761 36.9493 169.482 35.0802 169.495 33.0186C169.509 30.957 171.83 26.6414 174.064 26.9606C176.298 27.2799 177.23 32.5979 180.667 34.615ZM180.667 34.615C184.103 36.6322 188.685 35.5712 191.245 37.0464C193.805 38.5216 193.937 41.1986 193.468 41.9908C192.998 42.7831 189.392 41.8577 1
stroke="#22AFFF"
stroke-width="2"
stroke-linecap="round"
/>
</svg>
</section>
</div>
</body>
</html>