marker-mid

Das marker-mid-Attribut definiert den Pfeilkopf oder Polymarker, der an allen inneren Eckpunkten der angegebenen Form gezeichnet wird.

Der Marker wird auf jedem Eckpunkt außer dem ersten und letzten Eckpunkt der Path-Daten gerendert.

Hinweis: Als Präsentationsattribut hat marker-mid auch ein entsprechendes CSS-Property: marker-mid. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.

Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:

Beispiel

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <marker id="circle" markerWidth="8" markerHeight="8" refX="4" refY="4">
      <circle cx="4" cy="4" r="4" stroke="none" fill="#f00" />
    </marker>
  </defs>
  <polyline
    fill="none"
    stroke="black"
    points="20,100 40,60 70,80 100,20"
    marker-mid="url(#circle)" />
</svg>

Hinweise zur Verwendung

Wert	`none` \| `<marker-ref>`
Standardwert	`none`
Animierbar	diskret

none: Zeigt an, dass kein Markersymbol an den angegebenen Eckpunkten gezeichnet wird.
<marker-ref>: Dieser Wert ist eine Referenz auf ein <marker>-Element, das an den angegebenen Eckpunkten gezeichnet wird. Wenn die Referenz ungültig ist, wird kein Marker gezeichnet.

Spezifikationen

No specification found

No specification data found for undefined.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.