SVGCircleElement: cx プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
cx は SVGCircleElement インターフェイスの読み取り専用プロパティで、<circle> 要素の cx 属性を反映し、この円の中心の X 座標を定義します。
指定されなかった場合は、0 が設定されたかのような効果になります。
値
SVGAnimatedLength で、この円の中心の X 座標を表します。
例
SVG
html
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 100"
width="200"
height="200">
<circle cx="50" cy="50" r="50" fill="gold" id="circle" />
</svg>
JavaScript
js
const circle = document.getElementById("circle");
console.log(circle.cx);
仕様書
| 仕様書 |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGCircleElement__cx |