marker-dynamic-opacity.html (588B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <svg> 4 <defs> 5 <marker id="Triangle" viewBox="0 0 10 10" refX="1" refY="5" 6 markerWidth="6" markerHeight="6" orient="auto"> 7 <path d="M 0 0 L 10 5 L 0 10 z" /> 8 </marker> 9 </defs> 10 <polyline points="10,90 50,80 90,20" fill="none" stroke="black" 11 stroke-width="2" marker-end="url(#Triangle)" /> 12 </svg> 13 <script> 14 onload = function() { 15 var m = document.querySelector("marker"); 16 m.style.opacity = 0.2; 17 document.documentElement.className = ""; 18 } 19 </script> 20 </html>