refX

Thuộc tính refX xác định tọa độ x của điểm tham chiếu của một phần tử.

Bạn có thể dùng thuộc tính này với các phần tử SVG sau:

marker

Với <marker>, refX xác định tọa độ x của điểm tham chiếu của marker, điểm này sẽ được đặt chính xác tại vị trí marker trên hình.

Value <length-percentage> | <number> | left | center | right
Default value 0
Animatable Yes
<length-percentage>

Độ dài được hiểu là nằm trong hệ tọa độ của nội dung marker, sau khi áp dụng các thuộc tính viewBoxpreserveAspectRatio.

Giá trị phần trăm được hiểu là phần trăm của chiều rộng viewBox.

<number>

Số được hiểu là nằm trong hệ tọa độ của nội dung marker, sau khi áp dụng các thuộc tính viewBoxpreserveAspectRatio.

left

Điểm tham chiếu của marker được đặt tại mép trái của hình.

center

Điểm tham chiếu của marker được đặt tại tâm ngang của hình.

Điểm tham chiếu của marker được đặt tại mép phải của hình.

symbol

Với <symbol>, refX xác định tọa độ x của symbol, được xác định bởi tác động cộng dồn của thuộc tính x và mọi phép biến đổi trên phần tử <symbol> cùng phần tử <use> chứa nó.

Không giống các thuộc tính định vị khác, refX được hiểu là nằm trong hệ tọa độ của nội dung symbol, sau khi áp dụng các thuộc tính viewBoxpreserveAspectRatio. Nếu thuộc tính không được chỉ định, sẽ không có điều chỉnh ngang nào được thực hiện và cạnh trái của vùng viewport hình chữ nhật của symbol (bất kể tọa độ viewBox) sẽ được đặt tại tọa độ x.

Note: Để tương thích ngược, hành vi khi refX không được chỉ định trên phần tử <symbol> khác với khi nó được chỉ định với giá trị 0, và do đó khác với hành vi khi một thuộc tính tương đương không được chỉ định trên phần tử <marker>.

Value <length> | left | center | right
Default value None
Animatable Yes
<length-percentage>

Độ dài được hiểu là nằm trong hệ tọa độ của nội dung marker, sau khi áp dụng các thuộc tính viewBoxpreserveAspectRatio.

Giá trị phần trăm được hiểu là phần trăm của chiều rộng viewBox.

<number>

Số được hiểu là nằm trong hệ tọa độ của nội dung marker, sau khi áp dụng các thuộc tính viewBoxpreserveAspectRatio.

left

Điểm tham chiếu của marker được đặt tại mép trái của hình.

center

Điểm tham chiếu của marker được đặt tại tâm ngang của hình.

right

Điểm tham chiếu của marker được đặt tại mép phải của hình.

Specifications

Thông số kỹ thuật
Scalable Vector Graphics (SVG) 2
# MarkerElementRefXAttribute
Scalable Vector Graphics (SVG) 2
# SymbolElementRefXAttribute

See also