pathLength

html,
body,
svg {
  height: 100%;
}

<svg viewBox="0 0 100 60" xmlns="http://www.w3.org/2000/svg">
  <style>
    path {
      fill: none;
      stroke: black;
      stroke-width: 2;
      stroke-dasharray: 10;
    }
  </style>

  <!-- pathLength は使用されておらず、パスの実際の長さが使用されている。その場合、 100 ユーザー単位 -->
  <path d="M 0,10 h100" />

  <!-- パス長が 90 ユーザー単位の長さであるかのようにすべてを計算する -->
  <path d="M 0,20 h100" pathLength="90" />

  <!-- パス長が 50 ユーザー単位の長さであるかのようにすべてを計算する -->
  <path d="M 0,30 h100" pathLength="50" />

  <!-- パス長が 30 ユーザー単位の長さであるかのようにすべてを計算する -->
  <path d="M 0,40 h100" pathLength="30" />

  <!-- パス長が 10 ユーザー単位の長さであるかのようにすべてを計算する -->
  <path d="M 0,50 h100" pathLength="10" />
</svg>