Implementé un código que dibuja un trazo de línea svg desde una posición específica hasta el final de un elemento, pero mi problema es que el dashoffset de la línea svg se genera desde la parte superior de mi ventana y quiero que se active justo después. la ventana gráfica del contenedor svg mencionado.

ejemplo: https://altsdigital.com/

 var triangle = document.getElementById("star-path"); var length = triangle.getTotalLength(); triangle.style.strokeDasharray = length; triangle.style.strokeDashoffset = length; window.addEventListener("scroll", myFunction); function myFunction(e) { var scrollpercent = (document.body.scrollTop + document.documentElement.scrollTop) / (document.documentElement.scrollHeight - document.documentElement.clientHeight); // console.log(scrollpercent) var draw = length * scrollpercent; triangle.style.strokeDashoffset = length - draw; }