SVGPatternElement: Eigenschaft y

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Juli 2015 browserbergreifend verfgbar.

Mehr erfahren
Vollstndige Kompatibilitt anzeigen

Die y schreibgeschtzte Eigenschaft der SVGPatternElement-Schnittstelle beschreibt die y-Achsen-Koordinate des Startpunkts des Musters als ein SVGAnimatedLength. Sie spiegelt den berechneten Wert des y-Attributs auf dem <pattern>-Element wider.

Der Attributwert kann ein \<length>, \<percentage> oder \<number> sein. Der numerische Wert des SVGAnimatedLength.baseVal ist die y-Koordinate des Startpunkts des Musters im Benutzerkoordinatensystem.

Wert

Ein SVGAnimatedLength.

Beispiel

Angenommen, folgendes SVG:

html

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- First pattern -->
    <pattern
      id="pattern1"
      y="50"
      width="20"
      height="20"
      patternUnits="userSpaceOnUse">
      <circle cx="10" cy="10" r="10" fill="blue" />
    </pattern>
    <!-- Second pattern -->
    <pattern
      id="pattern2"
      y="100"
      width="20"
      height="20"
      patternUnits="userSpaceOnUse">
      <circle cx="10" cy="10" r="10" fill="red" />
    </pattern>
  </defs>
  <!-- Using the patterns -->
  <rect x="0" y="0" width="100" height="100" fill="url(#pattern1)" />
  <rect x="100" y="0" width="100" height="100" fill="url(#pattern2)" />
</svg>

Wir knnen auf die berechneten Werte der y-Attribute zugreifen:

const patterns = document.querySelectorAll("pattern");

console.log(patterns[0].y.baseVal.value); // output: 50
console.log(patterns[1].y.baseVal.value); // output: 100

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2 # __svg__SVGPatternElement__y

Browser-Kompatibilitt

Siehe auch

Help improve MDN

War diese bersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen knnen Diese Seite wurde automatisch aus dem Englischen bersetzt.

bersetzung auf GitHub anzeigen Fehler mit dieser bersetzung melden