<svg width="200" height="200" viewBox="0 0 400 400">
  <path id="path" d="M40,100 200,390 390,10" fill="none" stroke="blue" stroke-width="20" stroke-linecap="round" stroke-dasharray="0 757px" stroke-linejoin="round" opacity="0">
    <animate id="str" attributeName="stroke-dasharray" dur="1s" begin="0s" values="0px 757px; 757px 757px" fill="freeze" />
    <animate attributeName="opacity" begin="0.1s" dur="0.5s" values="0; 1" fill="freeze" />

  </path>
</svg>

console.log(path.getTotalLength());