javascript/makemeahanzi
1
0
Fork 0
mirror of https://github.com/skishore/makemeahanzi.git synced 2026-03-13 09:01:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix various issues from #20

Browse Source
This commit is contained in:
Shaunak Kishore
2017-11-22 00:40:21 -05:00
parent 70071ebfd2
commit 05c6204710
11 changed files with 116 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dictionary.txt
View File

@@ -8686,7 +8686,7 @@
{"character":"鞲","definition":"leather bracer","pinyin":["gōu"],"decomposition":"⿰革冓","etymology":{"type":"pictophonetic","phonetic":"冓","semantic":"革","hint":"leather"},"radical":"革","matches":[[0],[0],[0],[0],[0],[0],[0],[0],[0],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1]]}
{"character":"鞴","definition":"to saddle up, to ride","pinyin":["bèi"],"decomposition":"⿰革？","radical":"革","matches":[[0],[0],[0],[0],[0],[0],[0],[0],[0],null,null,null,null,null,null,null,null,null,null]}
{"character":"韃","definition":"the Tartars","pinyin":["dá"],"decomposition":"⿰革達","etymology":{"type":"pictophonetic","phonetic":"達","semantic":"革","hint":"leather"},"radical":"革","matches":[[0],[0],[0],[0],[0],[0],[0],[0],[0],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1]]}
{"character":"韆","definition":"thousand, many, numerous; swing, seesaw","pinyin":["qiān"],"decomposition":"⿰革遷","etymology":{"type":"pictophonetic","phonetic":"遷","semantic":"革","hint":"leather"},"radical":"革","matches":[[0],[0],[0],[0],[0],[0],[0],[0],[0],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1],null]}
{"character":"韆","definition":"thousand, many, numerous; swing, seesaw","pinyin":["qiān"],"decomposition":"⿰革遷","etymology":{"type":"pictophonetic","phonetic":"遷","semantic":"革","hint":"leather"},"radical":"革","matches":[[0],[0],[0],[0],[0],[0],[0],[0],[0],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1],[1]]}
{"character":"韋","definition":"tanned leather; surname","pinyin":["wéi"],"decomposition":"⿻？口","radical":"韋","matches":[null,null,null,[1],[1],[1],null,null,null]}
{"character":"韌","definition":"tough, strong; pliable","pinyin":["rèn"],"decomposition":"⿰韋刃","etymology":{"type":"pictophonetic","phonetic":"刃","semantic":"韋","hint":"leather"},"radical":"韋","matches":[[0],[0],[0],[0],[0],[0],[0],[0],[0],[1],[1],[1]]}
{"character":"韓","definition":"Korea, especially South Korea; surname","pinyin":["hán"],"decomposition":"⿰龺韋","radical":"韋","matches":[[0],[0],[0],[0],[0],[0],[0],[0],[1],[1],[1],[1],[1],[1],[1],[1],[1]]}

18
graphics.txt
View File

File diff suppressed because one or more lines are too long

2
svgs/24268.svg
View File

@@ -399,7 +399,7 @@
<clipPath id="make-me-a-hanzi-clip-12">
<path d="M 622 156 Q 644 125 667 89 Q 674 76 687 74 Q 694 73 701 81 Q 708 91 707 115 Q 707 134 683 157 Q 625 202 612 198 Q 608 197 606 186 Q 607 177 622 156 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-12)" d="M 687 91 L 676 125 L 615 189" fill="none" id="make-me-a-hanzi-animation-12" stroke-dasharray="252 504" stroke-linecap="round"></path>
<path clip-path="url(#make-me-a-hanzi-clip-12)" d="M 615 189 L 676 125 L 687 91" fill="none" id="make-me-a-hanzi-animation-12" stroke-dasharray="252 504" stroke-linecap="round"></path>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

36
svgs/25622.svg
View File

@@ -103,10 +103,10 @@
@keyframes keyframes4 {
from {
stroke: blue;
stroke-dashoffset: 352;
stroke-dashoffset: 950;
stroke-width: 128;
}
53% {
76% {
animation-timing-function: step-end;
stroke: blue;
stroke-dashoffset: 0;
@@ -118,7 +118,7 @@
}
}
#make-me-a-hanzi-animation-4 {
animation: keyframes4 0.5364583333333334s both;
animation: keyframes4 1.0231119791666667s both;
animation-delay: 3.3697916666666665s;
animation-timing-function: linear;
}
@@ -142,17 +142,17 @@
}
#make-me-a-hanzi-animation-5 {
animation: keyframes5 0.5226236979166666s both;
animation-delay: 3.90625s;
animation-delay: 4.392903645833333s;
animation-timing-function: linear;
}
@keyframes keyframes6 {
from {
stroke: blue;
stroke-dashoffset: 950;
stroke-dashoffset: 352;
stroke-width: 128;
}
76% {
53% {
animation-timing-function: step-end;
stroke: blue;
stroke-dashoffset: 0;
@@ -164,8 +164,8 @@
}
}
#make-me-a-hanzi-animation-6 {
animation: keyframes6 1.0231119791666667s both;
animation-delay: 4.428873697916667s;
animation: keyframes6 0.5364583333333334s both;
animation-delay: 4.91552734375s;
animation-timing-function: linear;
}
@@ -188,7 +188,7 @@
}
#make-me-a-hanzi-animation-7 {
animation: keyframes7 0.6129557291666666s both;
animation-delay: 5.451985677083334s;
animation-delay: 5.451985677083333s;
animation-timing-function: linear;
}
@@ -211,7 +211,7 @@
}
#make-me-a-hanzi-animation-8 {
animation: keyframes8 0.65283203125s both;
animation-delay: 6.064941406250001s;
animation-delay: 6.06494140625s;
animation-timing-function: linear;
}
@@ -234,7 +234,7 @@
}
#make-me-a-hanzi-animation-9 {
animation: keyframes9 0.8912760416666666s both;
animation-delay: 6.717773437500001s;
animation-delay: 6.7177734375s;
animation-timing-function: linear;
}
@@ -257,7 +257,7 @@
}
#make-me-a-hanzi-animation-10 {
animation: keyframes10 0.6788736979166666s both;
animation-delay: 7.609049479166668s;
animation-delay: 7.609049479166667s;
animation-timing-function: linear;
}
@@ -317,11 +317,11 @@
<path d="M 617 725 Q 639 755 672 773 Q 682 780 680 793 Q 679 805 659 830 Q 640 851 624 854 Q 608 855 610 835 Q 617 799 527 703 Q 484 660 427 613 Q 417 606 414 601 Q 410 592 421 592 Q 469 592 598 708 L 617 725 Z" fill="lightgray"></path>
<path d="M 483 554 Q 522 506 532 504 Q 539 503 545 513 Q 551 523 547 547 Q 546 560 526 573 Q 480 597 468 594 Q 464 593 463 582 Q 464 573 483 554 Z" fill="lightgray"></path>
<path d="M 518 435 Q 531 444 548 452 Q 663 522 780 635 Q 802 657 839 678 Q 855 685 851 695 Q 851 704 798 736 Q 785 746 735 732 Q 659 725 617 725 L 598 708 Q 620 686 713 695 Q 734 695 739 688 Q 740 681 727 665 Q 628 536 379 396 Q 364 387 377 384 Q 401 381 499 426 L 518 435 Z" fill="lightgray"></path>
<path d="M 564 631 Q 610 582 633 580 Q 643 580 648 595 Q 648 605 639 620 Q 621 645 565 652 Q 558 653 558 644 Q 557 637 564 631 Z" fill="lightgray"></path>
<path d="M 518 435 Q 531 444 548 452 Q 663 522 780 635 Q 802 657 839 678 Q 855 685 851 695 Q 851 704 798 736 Q 785 746 735 732 Q 659 725 617 725 L 598 708 Q 620 686 713 695 Q 734 695 739 688 Q 740 681 727 665 Q 628 536 379 396 Q 364 387 377 384 Q 401 381 499 426 L 518 435 Z" fill="lightgray"></path>
<path d="M 483 554 Q 522 506 532 504 Q 539 503 545 513 Q 551 523 547 547 Q 546 560 526 573 Q 480 597 468 594 Q 464 593 463 582 Q 464 573 483 554 Z" fill="lightgray"></path>
<path d="M 567 394 Q 568 401 565 408 Q 541 435 518 435 L 499 426 L 500 425 Q 503 401 413 287 Q 406 274 419 277 Q 465 308 489 331 Q 534 373 548 381 L 567 394 Z" fill="lightgray"></path>
@@ -357,9 +357,9 @@
<path clip-path="url(#make-me-a-hanzi-clip-3)" d="M 622 840 L 630 831 L 639 796 L 595 740 L 499 649 L 421 599" fill="none" id="make-me-a-hanzi-animation-3" stroke-dasharray="472 944" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-4">
<path d="M 483 554 Q 522 506 532 504 Q 539 503 545 513 Q 551 523 547 547 Q 546 560 526 573 Q 480 597 468 594 Q 464 593 463 582 Q 464 573 483 554 Z"></path>
<path d="M 518 435 Q 531 444 548 452 Q 663 522 780 635 Q 802 657 839 678 Q 855 685 851 695 Q 851 704 798 736 Q 785 746 735 732 Q 659 725 617 725 L 598 708 Q 620 686 713 695 Q 734 695 739 688 Q 740 681 727 665 Q 628 536 379 396 Q 364 387 377 384 Q 401 381 499 426 L 518 435 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-4)" d="M 472 585 L 523 544 L 534 515" fill="none" id="make-me-a-hanzi-animation-4" stroke-dasharray="224 448" stroke-linecap="round"></path>
<path clip-path="url(#make-me-a-hanzi-clip-4)" d="M 605 710 L 752 711 L 783 694 L 743 638 L 614 523 L 523 460 L 463 426 L 380 390" fill="none" id="make-me-a-hanzi-animation-4" stroke-dasharray="822 1644" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-5">
<path d="M 564 631 Q 610 582 633 580 Q 643 580 648 595 Q 648 605 639 620 Q 621 645 565 652 Q 558 653 558 644 Q 557 637 564 631 Z"></path>
@@ -367,9 +367,9 @@
<path clip-path="url(#make-me-a-hanzi-clip-5)" d="M 569 641 L 608 619 L 632 594" fill="none" id="make-me-a-hanzi-animation-5" stroke-dasharray="207 414" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-6">
<path d="M 518 435 Q 531 444 548 452 Q 663 522 780 635 Q 802 657 839 678 Q 855 685 851 695 Q 851 704 798 736 Q 785 746 735 732 Q 659 725 617 725 L 598 708 Q 620 686 713 695 Q 734 695 739 688 Q 740 681 727 665 Q 628 536 379 396 Q 364 387 377 384 Q 401 381 499 426 L 518 435 Z"></path>
<path d="M 483 554 Q 522 506 532 504 Q 539 503 545 513 Q 551 523 547 547 Q 546 560 526 573 Q 480 597 468 594 Q 464 593 463 582 Q 464 573 483 554 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-6)" d="M 605 710 L 752 711 L 783 694 L 743 638 L 614 523 L 523 460 L 463 426 L 380 390" fill="none" id="make-me-a-hanzi-animation-6" stroke-dasharray="822 1644" stroke-linecap="round"></path>
<path clip-path="url(#make-me-a-hanzi-clip-6)" d="M 472 585 L 523 544 L 534 515" fill="none" id="make-me-a-hanzi-animation-6" stroke-dasharray="224 448" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-7">
<path d="M 567 394 Q 568 401 565 408 Q 541 435 518 435 L 499 426 L 500 425 Q 503 401 413 287 Q 406 274 419 277 Q 465 308 489 331 Q 534 373 548 381 L 567 394 Z"></path>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

66
svgs/25802.svg
View File

@@ -170,29 +170,6 @@
}
@keyframes keyframes7 {
from {
stroke: blue;
stroke-dashoffset: 350;
stroke-width: 128;
}
53% {
animation-timing-function: step-end;
stroke: blue;
stroke-dashoffset: 0;
stroke-width: 128;
}
to {
stroke: black;
stroke-width: 1024;
}
}
#make-me-a-hanzi-animation-7 {
animation: keyframes7 0.5348307291666666s both;
animation-delay: 4.8212890625s;
animation-timing-function: linear;
}
@keyframes keyframes8 {
from {
stroke: blue;
stroke-dashoffset: 602;
@@ -209,9 +186,32 @@
stroke-width: 1024;
}
}
#make-me-a-hanzi-animation-7 {
animation: keyframes7 0.7399088541666666s both;
animation-delay: 4.8212890625s;
animation-timing-function: linear;
}
@keyframes keyframes8 {
from {
stroke: blue;
stroke-dashoffset: 350;
stroke-width: 128;
}
53% {
animation-timing-function: step-end;
stroke: blue;
stroke-dashoffset: 0;
stroke-width: 128;
}
to {
stroke: black;
stroke-width: 1024;
}
}
#make-me-a-hanzi-animation-8 {
animation: keyframes8 0.7399088541666666s both;
animation-delay: 5.356119791666667s;
animation: keyframes8 0.5348307291666666s both;
animation-delay: 5.561197916666667s;
animation-timing-function: linear;
}
@@ -415,10 +415,10 @@
<path d="M 374 414 Q 375 456 376 495 L 376 525 Q 377 546 378 565 L 379 593 Q 379 609 380 623 L 380 653 Q 380 672 381 690 L 381 716 Q 381 719 385 760 L 391 796 Q 394 812 397 823 Q 400 832 383 844 Q 353 860 332 863 Q 319 866 312 858 Q 306 851 313 839 Q 335 806 337 782 L 339 751 Q 339 730 340 708 L 341 682 Q 341 663 342 643 L 343 616 Q 343 601 343 584 L 343 560 Q 342 541 342 519 L 341 489 Q 340 449 339 405 L 374 414 Z" fill="lightgray"></path>
<path d="M 474 407 Q 480 389 490 382 Q 496 381 502 385 Q 509 392 512 410 Q 515 423 501 444 Q 467 486 456 486 Q 452 485 450 478 Q 449 472 464 434 L 474 407 Z" fill="lightgray"></path>
<path d="M 464 434 Q 416 427 374 414 L 339 405 Q 293 395 255 379 Q 242 376 246 390 Q 252 426 246 437 Q 237 449 215 462 L 195 456 Q 195 453 197 447 Q 218 393 190 363 Q 177 350 183 339 Q 192 327 205 319 Q 215 313 223 320 Q 256 362 419 398 Q 455 407 466 404 Q 470 405 474 407 L 464 434 Z" fill="lightgray"></path>
<path d="M 474 407 Q 480 389 490 382 Q 496 381 502 385 Q 509 392 512 410 Q 515 423 501 444 Q 467 486 456 486 Q 452 485 450 478 Q 449 472 464 434 L 474 407 Z" fill="lightgray"></path>
<path d="M 598 811 Q 573 826 561 822 Q 554 818 559 809 Q 560 806 563 802 Q 569 715 564 690 Q 558 668 539 621 Q 536 617 535 613 Q 534 606 540 608 Q 561 615 586 665 Q 604 707 608 756 Q 609 766 610 774 Q 610 778 611 783 L 598 811 Z" fill="lightgray"></path>
<path d="M 611 783 Q 620 783 675 801 Q 690 807 695 805 Q 701 802 700 791 Q 687 707 691 691 Q 695 672 714 660 Q 739 647 790 649 Q 838 652 863 666 Q 873 670 866 683 Q 854 696 840 704 Q 830 708 813 700 Q 788 687 755 685 Q 734 684 727 699 Q 721 712 733 749 Q 737 771 762 793 Q 777 803 764 816 Q 746 832 726 842 Q 719 846 705 840 Q 659 821 598 811 L 611 783 Z" fill="lightgray"></path>
@@ -472,14 +472,14 @@
<path clip-path="url(#make-me-a-hanzi-clip-6)" d="M 323 850 L 362 818 L 363 809 L 358 435 L 343 412" fill="none" id="make-me-a-hanzi-animation-6" stroke-dasharray="589 1178" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-7">
<path d="M 474 407 Q 480 389 490 382 Q 496 381 502 385 Q 509 392 512 410 Q 515 423 501 444 Q 467 486 456 486 Q 452 485 450 478 Q 449 472 464 434 L 474 407 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-7)" d="M 457 479 L 488 428 L 493 394" fill="none" id="make-me-a-hanzi-animation-7" stroke-dasharray="222 444" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-8">
<path d="M 464 434 Q 416 427 374 414 L 339 405 Q 293 395 255 379 Q 242 376 246 390 Q 252 426 246 437 Q 237 449 215 462 L 195 456 Q 195 453 197 447 Q 218 393 190 363 Q 177 350 183 339 Q 192 327 205 319 Q 215 313 223 320 Q 256 362 419 398 Q 455 407 466 404 Q 470 405 474 407 L 464 434 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-8)" d="M 201 453 L 226 426 L 227 368 L 234 363 L 263 365 L 320 387 L 413 411 L 455 419 L 467 412" fill="none" id="make-me-a-hanzi-animation-8" stroke-dasharray="474 948" stroke-linecap="round"></path>
<path clip-path="url(#make-me-a-hanzi-clip-7)" d="M 201 453 L 226 426 L 227 368 L 234 363 L 263 365 L 320 387 L 413 411 L 455 419 L 467 412" fill="none" id="make-me-a-hanzi-animation-7" stroke-dasharray="474 948" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-8">
<path d="M 474 407 Q 480 389 490 382 Q 496 381 502 385 Q 509 392 512 410 Q 515 423 501 444 Q 467 486 456 486 Q 452 485 450 478 Q 449 472 464 434 L 474 407 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-8)" d="M 457 479 L 488 428 L 493 394" fill="none" id="make-me-a-hanzi-animation-8" stroke-dasharray="222 444" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-9">
<path d="M 598 811 Q 573 826 561 822 Q 554 818 559 809 Q 560 806 563 802 Q 569 715 564 690 Q 558 668 539 621 Q 536 617 535 613 Q 534 606 540 608 Q 561 615 586 665 Q 604 707 608 756 Q 609 766 610 774 Q 610 778 611 783 L 598 811 Z"></path>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 25 KiB

10
svgs/28151.svg
View File

@@ -241,7 +241,7 @@
@keyframes keyframes10 {
from {
stroke: blue;
stroke-dashoffset: 1101;
stroke-dashoffset: 1059;
stroke-width: 128;
}
78% {
@@ -256,7 +256,7 @@
}
}
#make-me-a-hanzi-animation-10 {
animation: keyframes10 1.14599609375s both;
animation: keyframes10 1.11181640625s both;
animation-delay: 6.751302083333334s;
animation-timing-function: linear;
}
@@ -283,7 +283,7 @@
<path d="M 656 259 Q 789 325 854 347 Q 873 348 872 360 Q 871 379 854 402 Q 838 426 815 433 Q 799 436 796 415 Q 793 385 658 289 L 656 259 Z" fill="lightgray"></path>
<path d="M 658 289 Q 664 344 677 374 Q 690 405 670 422 Q 619 459 604 455 Q 589 449 596 432 Q 617 395 612 339 Q 606 114 636 76 Q 657 49 723 38 Q 775 31 856 33 Q 929 34 959 51 Q 989 67 975 98 Q 956 143 943 221 Q 942 237 933 242 Q 926 246 922 226 Q 909 130 895 113 L 934 105 L 896 112 Q 869 85 771 82 Q 717 82 693 91 Q 672 101 668 115 Q 646 172 656 259 L 658 289 Z" fill="lightgray"></path>
<path d="M 658 289 Q 664 344 677 374 Q 690 405 670 422 Q 619 459 604 455 Q 589 449 596 432 Q 617 395 612 339 Q 606 114 636 76 Q 657 49 723 38 Q 775 31 856 33 Q 929 34 959 51 Q 989 67 975 98 Q 956 143 943 221 Q 942 237 933 242 Q 926 246 922 226 Q 909 130 895 113 Q 869 85 771 82 Q 717 82 693 91 Q 672 101 668 115 Q 646 172 656 259 L 658 289 Z" fill="lightgray"></path>
<clipPath id="make-me-a-hanzi-clip-0">
@@ -337,9 +337,9 @@
<path clip-path="url(#make-me-a-hanzi-clip-9)" d="M 812 417 L 821 377 L 676 286 L 664 266" fill="none" id="make-me-a-hanzi-animation-9" stroke-dasharray="364 728" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-10">
<path d="M 658 289 Q 664 344 677 374 Q 690 405 670 422 Q 619 459 604 455 Q 589 449 596 432 Q 617 395 612 339 Q 606 114 636 76 Q 657 49 723 38 Q 775 31 856 33 Q 929 34 959 51 Q 989 67 975 98 Q 956 143 943 221 Q 942 237 933 242 Q 926 246 922 226 Q 909 130 895 113 L 934 105 L 896 112 Q 869 85 771 82 Q 717 82 693 91 Q 672 101 668 115 Q 646 172 656 259 L 658 289 Z"></path>
<path d="M 658 289 Q 664 344 677 374 Q 690 405 670 422 Q 619 459 604 455 Q 589 449 596 432 Q 617 395 612 339 Q 606 114 636 76 Q 657 49 723 38 Q 775 31 856 33 Q 929 34 959 51 Q 989 67 975 98 Q 956 143 943 221 Q 942 237 933 242 Q 926 246 922 226 Q 909 130 895 113 Q 869 85 771 82 Q 717 82 693 91 Q 672 101 668 115 Q 646 172 656 259 L 658 289 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-10)" d="M 608 442 L 646 391 L 636 326 L 631 214 L 639 136 L 657 88 L 684 70 L 717 61 L 847 60 L 948 79 L 952 110 L 933 133 L 929 116 L 913 100 L 916 118 L 901 102 L 902 113 L 920 126" fill="none" id="make-me-a-hanzi-animation-10" stroke-dasharray="973 1946" stroke-linecap="round"></path>
<path clip-path="url(#make-me-a-hanzi-clip-10)" d="M 608 442 L 646 391 L 634 301 L 633 178 L 647 106 L 672 76 L 717 61 L 769 57 L 867 64 L 922 81 L 932 88 L 932 234" fill="none" id="make-me-a-hanzi-animation-10" stroke-dasharray="931 1862" stroke-linecap="round"></path>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

28
svgs/28263.svg
View File

@@ -218,10 +218,10 @@
@keyframes keyframes9 {
from {
stroke: blue;
stroke-dashoffset: 780;
stroke-dashoffset: 505;
stroke-width: 128;
}
72% {
62% {
animation-timing-function: step-end;
stroke: blue;
stroke-dashoffset: 0;
@@ -233,7 +233,7 @@
}
}
#make-me-a-hanzi-animation-9 {
animation: keyframes9 0.884765625s both;
animation: keyframes9 0.6609700520833334s both;
animation-delay: 6.191243489583333s;
animation-timing-function: linear;
}
@@ -257,17 +257,17 @@
}
#make-me-a-hanzi-animation-10 {
animation: keyframes10 1.1744791666666667s both;
animation-delay: 7.076009114583333s;
animation-delay: 6.852213541666666s;
animation-timing-function: linear;
}
@keyframes keyframes11 {
from {
stroke: blue;
stroke-dashoffset: 505;
stroke-dashoffset: 780;
stroke-width: 128;
}
62% {
72% {
animation-timing-function: step-end;
stroke: blue;
stroke-dashoffset: 0;
@@ -279,8 +279,8 @@
}
}
#make-me-a-hanzi-animation-11 {
animation: keyframes11 0.6609700520833334s both;
animation-delay: 8.25048828125s;
animation: keyframes11 0.884765625s both;
animation-delay: 8.026692708333332s;
animation-timing-function: linear;
}
@@ -304,11 +304,11 @@
<path d="M 644 445 Q 684 455 722 463 Q 741 467 733 478 Q 723 490 702 492 Q 683 493 649 482 Q 646 481 645 480 L 604 466 Q 565 454 533 443 Q 520 439 537 427 Q 547 421 565 426 Q 584 432 605 435 L 644 445 Z" fill="lightgray"></path>
<path d="M 550 242 Q 508 107 323 -50 Q 316 -57 322 -61 Q 329 -62 341 -58 Q 405 -30 458 18 Q 551 93 611 256 L 625 290 Q 632 305 640 319 Q 647 329 641 338 Q 635 348 605 364 Q 583 376 573 373 Q 560 369 562 354 Q 566 318 560 279 L 550 242 Z" fill="lightgray"></path>
<path d="M 605 435 Q 606 390 617 374 Q 621 370 626 371 Q 635 378 644 445 L 645 480 Q 645 501 648 538 L 650 572 Q 650 573 651 574 Q 652 581 654 586 Q 655 599 647 606 Q 632 616 621 620 L 589 613 Q 595 607 602 556 L 603 527 Q 603 500 604 466 L 605 435 Z" fill="lightgray"></path>
<path d="M 611 256 Q 686 272 761 281 Q 780 282 785 272 Q 791 262 787 231 Q 774 122 751 65 Q 739 28 726 18 Q 713 6 689 16 Q 667 22 648 27 Q 626 37 639 13 Q 672 -33 688 -69 Q 694 -88 712 -86 Q 727 -85 747 -66 Q 804 -21 844 187 Q 853 233 873 259 Q 892 281 882 291 Q 866 312 830 329 Q 805 344 776 332 Q 712 308 625 290 L 560 279 Q 466 266 412 266 Q 391 269 391 258 Q 390 248 412 232 Q 440 213 466 221 Q 506 233 550 242 L 611 256 Z" fill="lightgray"></path>
<path d="M 605 435 Q 606 390 617 374 Q 621 370 626 371 Q 635 378 644 445 L 645 480 Q 645 501 648 538 L 650 572 Q 650 573 651 574 Q 652 581 654 586 Q 655 599 647 606 Q 632 616 621 620 L 589 613 Q 595 607 602 556 L 603 527 Q 603 500 604 466 L 605 435 Z" fill="lightgray"></path>
<path d="M 550 242 Q 508 107 323 -50 Q 316 -57 322 -61 Q 329 -62 341 -58 Q 405 -30 458 18 Q 551 93 611 256 L 625 290 Q 632 305 640 319 Q 647 329 641 338 Q 635 348 605 364 Q 583 376 573 373 Q 560 369 562 354 Q 566 318 560 279 L 550 242 Z" fill="lightgray"></path>
<clipPath id="make-me-a-hanzi-clip-0">
@@ -357,9 +357,9 @@
<path clip-path="url(#make-me-a-hanzi-clip-8)" d="M 536 435 L 686 473 L 725 472" fill="none" id="make-me-a-hanzi-animation-8" stroke-dasharray="322 644" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-9">
<path d="M 550 242 Q 508 107 323 -50 Q 316 -57 322 -61 Q 329 -62 341 -58 Q 405 -30 458 18 Q 551 93 611 256 L 625 290 Q 632 305 640 319 Q 647 329 641 338 Q 635 348 605 364 Q 583 376 573 373 Q 560 369 562 354 Q 566 318 560 279 L 550 242 Z"></path>
<path d="M 605 435 Q 606 390 617 374 Q 621 370 626 371 Q 635 378 644 445 L 645 480 Q 645 501 648 538 L 650 572 Q 650 573 651 574 Q 652 581 654 586 Q 655 599 647 606 Q 632 616 621 620 L 589 613 Q 595 607 602 556 L 603 527 Q 603 500 604 466 L 605 435 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-9)" d="M 577 358 L 600 321 L 571 222 L 527 134 L 449 39 L 405 -2 L 326 -56" fill="none" id="make-me-a-hanzi-animation-9" stroke-dasharray="652 1304" stroke-linecap="round"></path>
<path clip-path="url(#make-me-a-hanzi-clip-9)" d="M 595 612 L 626 585 L 623 377" fill="none" id="make-me-a-hanzi-animation-9" stroke-dasharray="377 754" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-10">
<path d="M 611 256 Q 686 272 761 281 Q 780 282 785 272 Q 791 262 787 231 Q 774 122 751 65 Q 739 28 726 18 Q 713 6 689 16 Q 667 22 648 27 Q 626 37 639 13 Q 672 -33 688 -69 Q 694 -88 712 -86 Q 727 -85 747 -66 Q 804 -21 844 187 Q 853 233 873 259 Q 892 281 882 291 Q 866 312 830 329 Q 805 344 776 332 Q 712 308 625 290 L 560 279 Q 466 266 412 266 Q 391 269 391 258 Q 390 248 412 232 Q 440 213 466 221 Q 506 233 550 242 L 611 256 Z"></path>
@@ -367,9 +367,9 @@
<path clip-path="url(#make-me-a-hanzi-clip-10)" d="M 401 257 L 430 245 L 466 245 L 778 306 L 799 304 L 819 291 L 831 277 L 804 136 L 777 45 L 759 6 L 738 -19 L 716 -31 L 641 22" fill="none" id="make-me-a-hanzi-animation-10" stroke-dasharray="1008 2016" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-11">
<path d="M 605 435 Q 606 390 617 374 Q 621 370 626 371 Q 635 378 644 445 L 645 480 Q 645 501 648 538 L 650 572 Q 650 573 651 574 Q 652 581 654 586 Q 655 599 647 606 Q 632 616 621 620 L 589 613 Q 595 607 602 556 L 603 527 Q 603 500 604 466 L 605 435 Z"></path>
<path d="M 550 242 Q 508 107 323 -50 Q 316 -57 322 -61 Q 329 -62 341 -58 Q 405 -30 458 18 Q 551 93 611 256 L 625 290 Q 632 305 640 319 Q 647 329 641 338 Q 635 348 605 364 Q 583 376 573 373 Q 560 369 562 354 Q 566 318 560 279 L 550 242 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-11)" d="M 595 612 L 626 585 L 623 377" fill="none" id="make-me-a-hanzi-animation-11" stroke-dasharray="377 754" stroke-linecap="round"></path>
<path clip-path="url(#make-me-a-hanzi-clip-11)" d="M 577 358 L 600 321 L 571 222 L 527 134 L 449 39 L 405 -2 L 326 -56" fill="none" id="make-me-a-hanzi-animation-11" stroke-dasharray="652 1304" stroke-linecap="round"></path>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

2
svgs/34214.svg
View File

@@ -519,7 +519,7 @@
<clipPath id="make-me-a-hanzi-clip-16">
<path d="M 616 119 Q 641 94 670 62 Q 680 50 695 50 Q 704 50 709 61 Q 713 73 708 99 Q 701 132 615 160 Q 602 164 596 163 Q 592 159 592 148 Q 593 138 616 119 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-16)" d="M 694 65 L 666 108 L 600 154" fill="none" id="make-me-a-hanzi-animation-16" stroke-dasharray="260 520" stroke-linecap="round"></path>
<path clip-path="url(#make-me-a-hanzi-clip-16)" d="M 600 154 L 666 108 L 694 65" fill="none" id="make-me-a-hanzi-animation-16" stroke-dasharray="260 520" stroke-linecap="round"></path>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

8
svgs/36685.svg
View File

@@ -425,10 +425,10 @@
@keyframes keyframes18 {
from {
stroke: blue;
stroke-dashoffset: 583;
stroke-dashoffset: 735;
stroke-width: 128;
}
65% {
71% {
animation-timing-function: step-end;
stroke: blue;
stroke-dashoffset: 0;
@@ -440,7 +440,7 @@
}
}
#make-me-a-hanzi-animation-18 {
animation: keyframes18 0.7244466145833334s both;
animation: keyframes18 0.84814453125s both;
animation-delay: 12.371907552083334s;
animation-timing-function: linear;
}
@@ -579,7 +579,7 @@
<clipPath id="make-me-a-hanzi-clip-18">
<path d="M 728 186 Q 758 137 810 71 Q 831 49 867 49 Q 913 49 948 49 Q 958 49 970 52 Q 977 56 969 65 Q 959 75 866 123 Q 808 154 755 223 L 726 262 Q 707 290 688 321 Q 675 342 651 350 Q 641 353 631 349 Q 625 343 632 335 Q 636 329 642 325 Q 660 313 707 223 L 728 186 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-18)" d="M 731 235 L 731 212 L 760 191 L 759 182 L 817 110 L 829 107 L 848 86 L 895 90 L 929 63 L 950 69 L 958 58" fill="none" id="make-me-a-hanzi-animation-18" stroke-dasharray="455 910" stroke-linecap="round"></path>
<path clip-path="url(#make-me-a-hanzi-clip-18)" d="M 631 350 L 731 235 L 731 212 L 760 191 L 759 182 L 817 110 L 829 107 L 848 86 L 895 90 L 929 63 L 950 69 L 958 58" fill="none" id="make-me-a-hanzi-animation-18" stroke-dasharray="607 1214" stroke-linecap="round"></path>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

44
svgs/38854.svg
View File

@@ -494,10 +494,10 @@
@keyframes keyframes21 {
from {
stroke: blue;
stroke-dashoffset: 574;
stroke-dashoffset: 589;
stroke-width: 128;
}
65% {
66% {
animation-timing-function: step-end;
stroke: blue;
stroke-dashoffset: 0;
@@ -509,7 +509,7 @@
}
}
#make-me-a-hanzi-animation-21 {
animation: keyframes21 0.7171223958333334s both;
animation: keyframes21 0.7293294270833334s both;
animation-delay: 14.048014322916664s;
animation-timing-function: linear;
}
@@ -533,30 +533,7 @@
}
#make-me-a-hanzi-animation-22 {
animation: keyframes22 0.92138671875s both;
animation-delay: 14.765136718749998s;
animation-timing-function: linear;
}
@keyframes keyframes23 {
from {
stroke: blue;
stroke-dashoffset: 264;
stroke-width: 128;
}
46% {
animation-timing-function: step-end;
stroke: blue;
stroke-dashoffset: 0;
stroke-width: 128;
}
to {
stroke: black;
stroke-width: 1024;
}
}
#make-me-a-hanzi-animation-23 {
animation: keyframes23 0.46484375s both;
animation-delay: 15.686523437499998s;
animation-delay: 14.777343749999998s;
animation-timing-function: linear;
}
@@ -604,12 +581,10 @@
<path d="M 435 547 Q 463 493 483 488 Q 495 485 503 500 Q 506 510 501 530 Q 489 555 443 569 Q 436 572 433 563 Q 430 556 435 547 Z" fill="lightgray"></path>
<path d="M 498 123 Q 508 127 511 141 Q 512 165 486 197 Q 461 230 521 300 Q 542 328 543 331 Q 542 335 537 340 Q 521 353 493 366 Q 475 376 461 363 Q 425 327 400 326 Q 394 326 393 322 Q 392 318 398 315 Q 425 303 454 319 Q 460 323 466 317 Q 482 298 464 273 Q 449 257 439 232 Q 433 213 467 164 Q 480 140 485 127 L 498 123 Z" fill="lightgray"></path>
<path d="M 491 115 Q 494 116 498 123 Q 508 127 511 141 Q 512 165 486 197 Q 461 230 521 300 Q 542 328 543 331 Q 542 335 537 340 Q 521 353 493 366 Q 475 376 461 363 Q 425 327 400 326 Q 394 326 393 322 Q 392 318 398 315 Q 425 303 454 319 Q 460 323 466 317 Q 482 298 464 273 Q 449 257 439 232 Q 433 213 467 164 Q 480 140 485 127 Q 482 120 486 116 L 491 115 Z" fill="lightgray"></path>
<path d="M 486 116 Q 461 122 430 120 Q 409 116 390 120 Q 377 123 375 117 Q 371 108 383 97 Q 395 85 446 88 Q 483 92 509 80 Q 617 37 746 -16 Q 777 -32 819 -12 Q 874 12 925 34 Q 943 41 941 50 Q 941 59 897 55 Q 746 51 710 55 Q 695 58 498 113 Q 494 114 491 115 L 486 116 Z" fill="lightgray"></path>
<path d="M 491 115 Q 494 116 498 123 L 485 127 Q 482 120 486 116 L 491 115 Z" fill="lightgray"></path>
<clipPath id="make-me-a-hanzi-clip-0">
<path d="M 386 637 Q 428 646 465 653 Q 475 652 482 664 Q 483 674 462 683 Q 428 701 398 686 L 349 671 Q 301 659 256 644 L 214 634 Q 187 633 102 614 Q 77 610 97 595 Q 125 577 167 585 Q 191 592 221 599 L 259 608 Q 298 618 343 628 L 386 637 Z"></path>
@@ -717,19 +692,14 @@
<path clip-path="url(#make-me-a-hanzi-clip-20)" d="M 443 558 L 474 527 L 486 505" fill="none" id="make-me-a-hanzi-animation-20" stroke-dasharray="197 394" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-21">
<path d="M 498 123 Q 508 127 511 141 Q 512 165 486 197 Q 461 230 521 300 Q 542 328 543 331 Q 542 335 537 340 Q 521 353 493 366 Q 475 376 461 363 Q 425 327 400 326 Q 394 326 393 322 Q 392 318 398 315 Q 425 303 454 319 Q 460 323 466 317 Q 482 298 464 273 Q 449 257 439 232 Q 433 213 467 164 Q 480 140 485 127 L 498 123 Z"></path>
<path d="M 491 115 Q 494 116 498 123 Q 508 127 511 141 Q 512 165 486 197 Q 461 230 521 300 Q 542 328 543 331 Q 542 335 537 340 Q 521 353 493 366 Q 475 376 461 363 Q 425 327 400 326 Q 394 326 393 322 Q 392 318 398 315 Q 425 303 454 319 Q 460 323 466 317 Q 482 298 464 273 Q 449 257 439 232 Q 433 213 467 164 Q 480 140 485 127 Q 482 120 486 116 L 491 115 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-21)" d="M 398 321 L 430 322 L 479 342 L 499 325 L 488 280 L 463 241 L 458 222 L 465 198 L 492 155 L 495 136" fill="none" id="make-me-a-hanzi-animation-21" stroke-dasharray="446 892" stroke-linecap="round"></path>
<path clip-path="url(#make-me-a-hanzi-clip-21)" d="M 398 321 L 430 322 L 479 342 L 499 325 L 488 280 L 463 241 L 458 222 L 465 198 L 495 146 L 490 122" fill="none" id="make-me-a-hanzi-animation-21" stroke-dasharray="461 922" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-22">
<path d="M 486 116 Q 461 122 430 120 Q 409 116 390 120 Q 377 123 375 117 Q 371 108 383 97 Q 395 85 446 88 Q 483 92 509 80 Q 617 37 746 -16 Q 777 -32 819 -12 Q 874 12 925 34 Q 943 41 941 50 Q 941 59 897 55 Q 746 51 710 55 Q 695 58 498 113 Q 494 114 491 115 L 486 116 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-22)" d="M 384 112 L 401 103 L 465 105 L 509 98 L 684 35 L 771 15 L 934 48" fill="none" id="make-me-a-hanzi-animation-22" stroke-dasharray="697 1394" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-23">
<path d="M 491 115 Q 494 116 498 123 L 485 127 Q 482 120 486 116 L 491 115 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-23)" d="M 498 123 L 490 122" fill="none" id="make-me-a-hanzi-animation-23" stroke-dasharray="136 272" stroke-linecap="round"></path>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 32 KiB

46
svgs/38988.svg
View File

@@ -149,10 +149,10 @@
@keyframes keyframes6 {
from {
stroke: blue;
stroke-dashoffset: 424;
stroke-dashoffset: 372;
stroke-width: 128;
}
58% {
55% {
animation-timing-function: step-end;
stroke: blue;
stroke-dashoffset: 0;
@@ -164,7 +164,7 @@
}
}
#make-me-a-hanzi-animation-6 {
animation: keyframes6 0.5950520833333334s both;
animation: keyframes6 0.552734375s both;
animation-delay: 4.076497395833334s;
animation-timing-function: linear;
}
@@ -188,7 +188,7 @@
}
#make-me-a-hanzi-animation-7 {
animation: keyframes7 0.7106119791666666s both;
animation-delay: 4.671549479166667s;
animation-delay: 4.629231770833334s;
animation-timing-function: linear;
}
@@ -211,7 +211,7 @@
}
#make-me-a-hanzi-animation-8 {
animation: keyframes8 1.0263671875s both;
animation-delay: 5.382161458333334s;
animation-delay: 5.339843750000001s;
animation-timing-function: linear;
}
@@ -234,7 +234,7 @@
}
#make-me-a-hanzi-animation-9 {
animation: keyframes9 0.6951497395833334s both;
animation-delay: 6.408528645833334s;
animation-delay: 6.366210937500001s;
animation-timing-function: linear;
}
@@ -257,7 +257,7 @@
}
#make-me-a-hanzi-animation-10 {
animation: keyframes10 0.5511067708333334s both;
animation-delay: 7.103678385416667s;
animation-delay: 7.061360677083334s;
animation-timing-function: linear;
}
@@ -280,7 +280,7 @@
}
#make-me-a-hanzi-animation-11 {
animation: keyframes11 0.7179361979166666s both;
animation-delay: 7.65478515625s;
animation-delay: 7.612467447916667s;
animation-timing-function: linear;
}
@@ -303,7 +303,7 @@
}
#make-me-a-hanzi-animation-12 {
animation: keyframes12 0.8937174479166666s both;
animation-delay: 8.372721354166666s;
animation-delay: 8.330403645833334s;
animation-timing-function: linear;
}
@@ -326,7 +326,7 @@
}
#make-me-a-hanzi-animation-13 {
animation: keyframes13 0.5519205729166666s both;
animation-delay: 9.266438802083332s;
animation-delay: 9.22412109375s;
animation-timing-function: linear;
}
@@ -349,7 +349,7 @@
}
#make-me-a-hanzi-animation-14 {
animation: keyframes14 0.5543619791666666s both;
animation-delay: 9.818359374999998s;
animation-delay: 9.776041666666666s;
animation-timing-function: linear;
}
@@ -372,17 +372,17 @@
}
#make-me-a-hanzi-animation-15 {
animation: keyframes15 0.5861002604166666s both;
animation-delay: 10.372721354166664s;
animation-delay: 10.330403645833332s;
animation-timing-function: linear;
}
@keyframes keyframes16 {
from {
stroke: blue;
stroke-dashoffset: 372;
stroke-dashoffset: 424;
stroke-width: 128;
}
55% {
58% {
animation-timing-function: step-end;
stroke: blue;
stroke-dashoffset: 0;
@@ -394,8 +394,8 @@
}
}
#make-me-a-hanzi-animation-16 {
animation: keyframes16 0.552734375s both;
animation-delay: 10.95882161458333s;
animation: keyframes16 0.5950520833333334s both;
animation-delay: 10.916503906249998s;
animation-timing-function: linear;
}
@@ -418,7 +418,7 @@
}
#make-me-a-hanzi-animation-17 {
animation: keyframes17 0.5763346354166666s both;
animation-delay: 11.51155598958333s;
animation-delay: 11.511555989583332s;
animation-timing-function: linear;
}
@@ -436,7 +436,7 @@
<path d="M 397 210 Q 401 268 404 317 L 406 341 Q 406 369 410 390 Q 419 414 380 441 L 343 432 Q 352 417 355 286 Q 354 264 355 235 L 397 210 Z" fill="lightgray"></path>
<path d="M 634 281 Q 630 248 544 170 Q 526 158 549 160 Q 586 160 662 223 Q 662 224 693 250 Q 702 260 700 268 Q 699 278 677 286 Q 653 295 643 293 Q 636 292 634 281 Z" fill="lightgray"></path>
<path d="M 404 317 Q 407 317 411 317 Q 469 329 514 335 Q 533 339 525 350 Q 515 362 494 364 Q 463 367 406 341 L 404 317 Z" fill="lightgray"></path>
<path d="M 270 290 Q 286 317 287 321 Q 286 328 274 339 Q 246 361 216 357 Q 209 354 211 344 Q 223 314 188 252 Q 161 198 76 106 Q 69 102 79 100 Q 110 100 201 190 Q 202 193 205 195 Q 224 220 254 265 L 270 290 Z" fill="lightgray"></path>
@@ -456,7 +456,7 @@
<path d="M 626 330 Q 714 343 782 350 L 789 378 Q 782 382 773 383 Q 746 389 628 358 L 626 330 Z" fill="lightgray"></path>
<path d="M 404 317 Q 407 317 411 317 Q 469 329 514 335 Q 533 339 525 350 Q 515 362 494 364 Q 463 367 406 341 L 404 317 Z" fill="lightgray"></path>
<path d="M 634 281 Q 630 248 544 170 Q 526 158 549 160 Q 586 160 662 223 Q 662 224 693 250 Q 702 260 700 268 Q 699 278 677 286 Q 653 295 643 293 Q 636 292 634 281 Z" fill="lightgray"></path>
<path d="M 763 265 Q 791 228 825 176 Q 835 158 847 153 Q 854 152 861 158 Q 873 167 868 203 Q 865 239 816 264 Q 785 282 768 290 Q 761 294 758 285 Q 757 275 763 265 Z" fill="lightgray"></path>
@@ -492,9 +492,9 @@
<path clip-path="url(#make-me-a-hanzi-clip-5)" d="M 349 432 L 379 403 L 377 248 L 395 218" fill="none" id="make-me-a-hanzi-animation-5" stroke-dasharray="360 720" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-6">
<path d="M 634 281 Q 630 248 544 170 Q 526 158 549 160 Q 586 160 662 223 Q 662 224 693 250 Q 702 260 700 268 Q 699 278 677 286 Q 653 295 643 293 Q 636 292 634 281 Z"></path>
<path d="M 404 317 Q 407 317 411 317 Q 469 329 514 335 Q 533 339 525 350 Q 515 362 494 364 Q 463 367 406 341 L 404 317 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-6)" d="M 553 168 L 612 209 L 660 261 L 685 265" fill="none" id="make-me-a-hanzi-animation-6" stroke-dasharray="296 592" stroke-linecap="round"></path>
<path clip-path="url(#make-me-a-hanzi-clip-6)" d="M 408 323 L 420 334 L 453 343 L 498 349 L 517 344" fill="none" id="make-me-a-hanzi-animation-6" stroke-dasharray="244 488" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-7">
<path d="M 270 290 Q 286 317 287 321 Q 286 328 274 339 Q 246 361 216 357 Q 209 354 211 344 Q 223 314 188 252 Q 161 198 76 106 Q 69 102 79 100 Q 110 100 201 190 Q 202 193 205 195 Q 224 220 254 265 L 270 290 Z"></path>
@@ -542,9 +542,9 @@
<path clip-path="url(#make-me-a-hanzi-clip-15)" d="M 634 336 L 643 349 L 782 372" fill="none" id="make-me-a-hanzi-animation-15" stroke-dasharray="285 570" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-16">
<path d="M 404 317 Q 407 317 411 317 Q 469 329 514 335 Q 533 339 525 350 Q 515 362 494 364 Q 463 367 406 341 L 404 317 Z"></path>
<path d="M 634 281 Q 630 248 544 170 Q 526 158 549 160 Q 586 160 662 223 Q 662 224 693 250 Q 702 260 700 268 Q 699 278 677 286 Q 653 295 643 293 Q 636 292 634 281 Z"></path>
</clipPath>
<path clip-path="url(#make-me-a-hanzi-clip-16)" d="M 517 344 L 498 349 L 453 343 L 420 334 L 408 323" fill="none" id="make-me-a-hanzi-animation-16" stroke-dasharray="244 488" stroke-linecap="round"></path>
<path clip-path="url(#make-me-a-hanzi-clip-16)" d="M 685 265 L 660 261 L 612 209 L 553 168" fill="none" id="make-me-a-hanzi-animation-16" stroke-dasharray="296 592" stroke-linecap="round"></path>
<clipPath id="make-me-a-hanzi-clip-17">
<path d="M 763 265 Q 791 228 825 176 Q 835 158 847 153 Q 854 152 861 158 Q 873 167 868 203 Q 865 239 816 264 Q 785 282 768 290 Q 761 294 758 285 Q 757 275 763 265 Z"></path>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB