marker-dynamic-opacity.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html class="reftest-wait">

  <svg>

    <defs>

      <marker id="Triangle" viewBox="0 0 10 10" refX="1" refY="5"

              markerWidth="6" markerHeight="6" orient="auto">

        <path d="M 0 0 L 10 5 L 0 10 z" />

      </marker>

    </defs>

    <polyline points="10,90 50,80 90,20" fill="none" stroke="black"

              stroke-width="2" marker-end="url(#Triangle)" />

  </svg>

  <script>

    onload = function() {

      var m = document.querySelector("marker");

      m.style.opacity = 0.2;

      document.documentElement.className = "";

  </script>

</html>