Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from http://developer.mozilla.org/en-US/docs/Web/API/SVGEllipseElement below:

SVGEllipseElement - Web APIs | MDN

Baseline Widely available

Inherits methods from its parent interface, SVGGeometryElement.

SVGEllipseElement.cx Read only

This property returns an SVGAnimatedLength reflecting the cx attribute of the given <ellipse> element.

SVGEllipseElement.cy Read only

This property returns an SVGAnimatedLength reflecting the cy attribute of the given <ellipse> element.

SVGEllipseElement.rx Read only

This property returns an SVGAnimatedLength reflecting the rx attribute of the given <ellipse> element.

SVGEllipseElement.ry Read only

This property returns an SVGAnimatedLength reflecting the ry attribute of the given <ellipse> element.

Inherits methods from its parent interface, SVGGeometryElement.

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="100" cy="100" rx="100" ry="60" id="ellipse" />
</svg>

const ellipse = document.getElementById("ellipse");

function outputSize() {
  // Outputs "horizontal radius: 100 vertical radius: 60"
  console.log(
    `horizontal radius: ${ellipse.rx.baseVal.valueAsString}`,
    `vertical radius: ${ellipse.ry.baseVal.valueAsString}`,
  );
}

ellipse.addEventListener("click", outputSize);

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4