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
viewBoxvàpreserveAspectRatio.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
viewBoxvàpreserveAspectRatio. 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.
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 viewBox và preserveAspectRatio. 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
viewBoxvàpreserveAspectRatio.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
viewBoxvàpreserveAspectRatio. 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
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2> # MarkerElementRefXAttribute> |
| Scalable Vector Graphics (SVG) 2> # SymbolElementRefXAttribute> |