intelligence

Cheers Mikel, thanks a lot!

Wow, that's awesome! Thanks for convincing me I forked your pen and tried inputing my path information instead, changing: <path id="line" fill="none" stroke="#000" stroke-width="10" d="M18.9 128.6c62 33 186 99 311.3 28.5 37.3-21 77.3-108-81.2-92.3-175.5 17.3-6 116.6 54.4 132.5 16.7 4.4 108.5 34.2 209.9-18.6"/> Into: <path id="line" fill="none" stroke="#000" stroke-width="10" d="M176.100907,1942.8788 C176.100907,1942.8788 167.960858,2039.12068 297.901905,2105.0976 C427.841804,2171.07657 561.938647,2072.46323 493.33163,2034.88 C424.722316,1997.2978 345.401986,2123.37533 484.064187,2150.77708 C622.726387,2178.1778 691,2134.97603 691,2134.97603"/> And I noticed that it stopped working it stopped working. I'm pretty new with SVG so could some explain to me why that happens? I'm getting these assets from a designer so I'm curious how I need to rework them to make it work (and look) like they want! Thanks again!

Hello! I'm working on a site where the designer wants to have an arrow be drawn. The arrowhead should work as a cursor (I guess) following the path as the path is revealed. I found this useful topic, where this example was very useful. However, I have noticed that whenever a path is revealed in a demo, there are never paths where the path cross itself. I understand that the basic principle is that you have a mask that is slightly bigger than the path it self, so I'm curious if it's possible to draw a line that crosses itself and have it not look super weird. Would be nice to know if it works, before purchasing a membership so that I can access the DrawSVG plugin Cheers! arrow.svg