<?xml version="1.0"?>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
  <defs>
    <marker id="Triangle"
      viewBox="0 0 10 10" refX="0" refY="5" 
      markerUnits="strokeWidth"
      markerWidth="4" markerHeight="3"
      orient="auto">
      <path d="M 0 0 L 10 5 L 0 10 z" />
    </marker>
  </defs>
  <circle cx="200" cy="100" r="50"
    fill="yellow" stroke="black" stroke-width="4"
    stroke-dasharray="8,6,16,6"/>
  <rect x="100" y="100" width="200" height="100"
    fill="blue" fill-opacity=".2"
    stroke="red" stroke-width="8" stroke-opacity=".5"/>
  <line x1="100" y1="300" x2="300" y2="250"
    stroke="black" stroke-width="3"
    marker-end="url(#Triangle)"/>
</svg>

