Looking for svg Answers? Try Ask4KnowledgeBase
Looking for svg Keywords? Try Ask4Keywords

SVGmarcador


Sintaxis

  • <marker viewBox = " xy width height " refX = " xoffset " refY = " yoffset " orient = " orientación " ... parámetros opcionales >
  • ... elementos dibujando el marcador ...
  • </marker >
  • < elementname marker-start = "url (# markerid )" /> aplica un marcador al inicio de un elemento
  • < elementname marker-mid = "url (# markerid )" /> aplica un marcador a la mitad de un segmento de un elemento
  • < elementname marker-end = "url (# markerid )" /> aplica un marcador al final de un elemento
  • Los marcadores se pueden aplicar a los elementos <line> , <polyline> , <polygon> y <path>

Parámetros

Parámetro Detalles
viewBox Especifica el sistema de unidades para los elementos que dibujan el marcador.
refX Distancia del eje x del sistema de coordenadas para dibujar el marcador debe estar desplazado del punto de dibujo predeterminado. El valor predeterminado es 0.
refi Distancia del eje y del sistema de coordenadas para dibujar el marcador debe estar desplazado del punto de dibujo predeterminado. El valor predeterminado es 0.
orientar Los valores son auto o de angle in degrees y especifican la rotación aplicada al marcador. Se aplica después de realizar todos los demás ajustes de coordenadas (viewBox, preserveAspectRaio y refX, refY). El valor predeterminado es 0. El cálculo del ángulo para auto es complejo: consulte la especificación SVG para obtener más detalles.
markerUnits strokeWidth o userSpaceOnUse . Predeterminado a strokeWidth .
marcador Ancho Ancho del marcador en markerUnits. El valor predeterminado es 3.
marcadorHeight Altura del marcador en markerUnits. El valor predeterminado es 3

Observaciones

Secuencias de comandos: los elementos marcadores representados no se exponen en el DOM, por lo que es imposible ajustar las propiedades o los elementos para marcadores representados específicos (aunque es completamente posible crear secuencias de comandos del elemento marcador definido).

La propiedad de overflow del elemento marcador se establece automáticamente en hidden . Esto es lo que recorta cualquier dibujo que desborda el marcador. Esto se puede establecer explícitamente como visible en CSS. A partir de julio de 2016, Chrome no admite marcadores con overflow: visible , pero una solución es establecer un filtro en el elemento marcador, que parece deshabilitar el recorte de desbordamiento.

Los filtros se pueden aplicar a los elementos dentro de un marcador. Aunque no está explícitamente permitido en la especificación, los filtros también parecen funcionar cuando se especifican en el elemento marcador.

Para obtener más detalles sobre el elemento marcador, consulte la sección de marcadores en la especificación SVG 1.1 .

marcador Ejemplos relacionados