Die größte Sammlung von Tutorials und Referenzen

HTML

SVG systemLanguage-Attribut

Das Attribut systemLanguage drückt eine Liste vieler unterstützter Sprachtags aus. Zu den Elementen, die dieses Attribut verwenden, gehören: <a>, <altGlyph>, <animate>, <animateColor>, <animateMotion>, <animateTransform>, <audio>, <canvas>, <circle>, <clipPath>, < Cursor>, <defs>, <discard>, <ellipse>, <foreignObject>, <g>, <iframe>, <image>, <line>, <mask>, <path>, <pattern>, <polygon> , <polyline>, <rect>, <set>, <svg>, <switch>, <text>, <textPath>, <tref>, <tspan>, <unknown>, <use> und <video>. Syntax: systemLanguage = "language-tags" Attributwerte:....

SVG stdDeviation-Attribut

Das stdDeviation- Attribut erklärt die Standardabweichung für die Unschärfeoperation. Nur das Element <feGaussianBlur> verwendet dieses Attribut. Syntax: stdDeviation = <number-optional-number> Attributwerte: Das Attribut stdDeviation akzeptiert die oben erwähnten und unten beschriebenen Werte number-optional-number: Es ist ein Zahlenpaar. Die erste Zahl bezeichnet den Standardabweichungswert entlang der X-Achse. Der zweite Wert bezeichnet den Standardabweichungswert entlang der Y-Achse. Wenn nur ein Wert angegeben wird,....

SVG repeatDur-Attribut

Das Attribut repeatDur gibt die Gesamtdauer zum Wiederholen der Animation an.  Die Elemente, die dieses Attribut verwenden, sind:  <animieren>-Element<animateColor>-Element<animateMotion>-Element<animateTransform>-Element<set>-Element Syntax: repeatDur = clock-value || indefinite Attributwerte: Das Attribut repeatDur akzeptiert die oben genannten und nachfolgend beschriebenen Werte: clock-value: Gibt die Zeitdauer an, um die Animation zu wiederholen.unbestimmt: Gibt an, dass die Animation unbegrenzt wiederholt wird. Die folgenden Beispiele veranschaulichen die Verwendung des Attributs repeatDur....

SVG cy Asttribute

Das cy -Attribut definiert die y-Achsen-Koordinate eines Mittelpunkts. Syntax: cyx="y-centre" Attributwerte: length: Länge, auf die wir die cy-Koordinate setzen wollen.Prozent: Prozentsatz, auf den wir die cy-Koordinate setzen wollen. Wir werden das cy-Attribut zum Setzen der cy-Koordinate verwenden. Beispiel 1:  <!DOCTYPE html>  <html>     <body>      <svg viewBox="0 0 400 300"           xmlns="http://www.w3.org/2000/<svg viewBox=          "0 0 300 100           xmlns="http://www.w3.org/2000/svg">            <circle cx="50" cy="150" r="45"/>         <ellipse cx="50" cy="50" rx="45" ry="25" />     </svg> </body>     </html> Ausgabe: Beispiel 2:  <!DOCTYPE html>  <html>     <body>      <svg viewBox="0 0 350 300"           xmlns="http://www.w3.org/2000/<svg           viewBox="0 0....

SVG Element.id-Eigenschaft

Die Eigenschaft SVG Element.id gibt die ID des angegebenen Elements zurück. Syntax: var idStr = element.id; // Get the id Rückgabewert: Diese Eigenschaft gibt die ID des Elements zurück. Beispiel 1:  HTML <!DOCTYPE html>  <html>     <body>      <svg width="350" height="350"          xmlns="http://www.w3.org/2000/svg">         <a href="https://www.geeksforgeeks.org" id="gfg">             <circle cx='100' cy='100' r="80"></circle>         </a>         <script>             var g = document.getElementById('gfg');             console.log(g.id)         </script>     </svg> </body>     </html> Ausgabe: Beispiel 2:  HTML <!DOCTYPE html>  <html>     <body>      <svg width="350" height="100"          xmlns="http://www.w3.org/2000/svg">         <a href="https://www.geeksforgeeks.org" id="gfg">             <text x='100' y='50' font-size="50px">GfG</text>         </a>         <script>             var g = document.getElementById('gfg');             console.log(g.id)         </script>     </svg> </body>     </html> Ausgabe: ....