Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

SVGCircleElement: r-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

Die r schreibgeschützte Eigenschaft der Schnittstelle SVGCircleElement spiegelt das r-Attribut eines <circle>-Elements wider und definiert dadurch den Radius des Kreises.

Wenn nicht angegeben, wird der Effekt so behandelt, als wäre der Wert auf 0 gesetzt.

Wert

Ein SVGAnimatedLength, der den Radius des Kreises darstellt.

Beispiele

SVG

html
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200"> <circle r="50" fill="gold" id="circle" /> </svg> 

JavaScript

js
const circle = document.getElementById("circle"); console.log(circle.r); 

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGCircleElement__r

Browser-Kompatibilität

Siehe auch