flecha svg

flechas creadas en svg, la base para desplazarlas por el espacio

by cesar nieto

HTML

<svg width=1300 height=1550>
<path d="M 0 4 L 80 4  L 75 8 L 75 0 L 80 4 Z" fill="#000000" stroke="#000000" stroke-miterlimit="1"></path>



<path d="M 882 1517 L 882 1453.37" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path><path d="M 882 1517 L 882 1453.37" fill="none" stroke="#000000" stroke-miterlimit="10"></path><path d="M 882 1448.12 L 885.5 1455.12 L 882 1453.37 L 878.5 1455.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"></path>
</svg>

CSS

svg {
  border: solid 1px red;
}