このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

refX

refX 属性は、要素の基準点の x 座標を定義します。

この属性は、次の SVG 要素で使用することができます。

marker

<marker> の場合、refX はマーカーの基準点の x 座標を定義します。この基準点は、図形上のマーカーの位置に正確に配置されることになります。

<length-percentage> | <number> | left | center | right
デフォルト値 0
アニメーション
<length-percentage>

長さは、viewBox および preserveAspectRatio 属性が適用された後の、マーカーコンテンツの座標系における値として解釈されます。

パーセント値は、viewBox の幅に対する割合として解釈されます。

<number>

数値は、viewBox および preserveAspectRatio 属性が適用された後、マーカーのコンテンツの座標系における値として解釈されます。

left

マーカーの基準点は、図形の左端に配置されます。

center

マーカーの基準点は、図形の水平方向の中心に配置されます。

マーカーの基準点は、図形の右端に配置されます。

symbol

<symbol> において、refX はシンボルの x 座標を定義します。この座標は、x 属性と、<symbol> およびそのホスト要素である <use> に対するあらゆる座標変換の累積的な影響によって決定されます。

他の位置指定属性とは異なり、refX は、viewBox および preserveAspectRatio 属性が適用された後の、シンボルコンテンツの座標系における値として解釈されます。この属性が指定されていない場合、水平方向の調整は行われず、(viewBox 座標に関係なく)シンボルの矩形ビューポート領域の左端が x 座標に配置されます。

メモ: 下位互換性を確保するため、<symbol> 要素で refX が指定されていない場合の動作は、値として 0 を指定している場合とは異なり、したがって、<marker>要素で同等の属性が指定されていない場合の動作とも異なります。

<length> | left | center | right
デフォルト値 なし
アニメーション
<length-percentage>

長さは、viewBox および preserveAspectRatio 属性が適用された後の、マーカーコンテンツの座標系における値として解釈されます。

パーセント値は、viewBox の幅に対する割合として解釈されます。

<number>

数値は、viewBox および preserveAspectRatio 属性が適用された後、マーカーのコンテンツの座標系における値として解釈されます。

left

マーカーの基準点は、図形の左端に配置されます。

center

マーカーの基準点は、図形の水平方向の中心に配置されます。

right

マーカーの基準点は、図形の右端に配置されます。

仕様書

Specification
Scalable Vector Graphics (SVG) 2
# MarkerElementRefXAttribute
Scalable Vector Graphics (SVG) 2
# SymbolElementRefXAttribute

関連情報