Гайз, по svg все еще актульно, может кто уже работал?

Question

Гайз, по svg все еще актульно, может кто уже работал?

Изменить старт анимации по другим коорденатам?
<svg viewBox="0 0 1248 863" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:rgba(135,43,180,0.56)" />
<stop offset="100%" style="stop-color:rgba(78,63,209,0.49)" />
</linearGradient>
</defs>
<path id="animatedPath" d="M20 722.038C61.6948 809.655 167.363 856.655 304.406 861.659C441.424 866.662 609.661 829.669 776.626 749.47C943.59 669.27 1077.62 561.07 1159.36 450.99C1241.12 340.888 1270.48 229.029 1228.39 141.412C1186.31 53.7954 1080.64 6.79508 943.594 1.79109C806.577 -3.21194 638.339 33.7806 471.375 113.98C304.41 194.18 170.377 302.38 88.6383 412.46C6.88429 522.562 -22.4767 634.421 19.6091 722.038Z"
stroke="url(#gradient)" stroke-opacity="1" stroke-dasharray="3300" stroke-dashoffset="3000">
<animate attributeName="stroke-dashoffset" attributeType="XML" values="3300;0" dur="2s" keyTimes="0;1" fill="freeze" />
</path>
</svg>