marker-mid
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Thuộc tính marker-mid xác định mũi tên hoặc dấu đánh dấu nhiều điểm sẽ được vẽ tại tất cả các đỉnh bên trong của hình dạng đã cho.
Dấu đánh dấu được vẽ ở mọi đỉnh, ngoại trừ đỉnh đầu tiên và đỉnh cuối cùng của dữ liệu đường dẫn.
Note:
Là một thuộc tính trình bày, marker-mid cũng có một thuộc tính CSS tương ứng: marker-mid. Khi cả hai cùng được chỉ định, thuộc tính CSS sẽ được ưu tiên.
Bạn có thể dùng thuộc tính này với các phần tử SVG sau:
Ví dụ
<svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
<defs>
<marker id="circle" markerWidth="8" markerHeight="8" refX="4" refY="4">
<circle cx="4" cy="4" r="4" stroke="none" fill="red" />
</marker>
</defs>
<polyline
fill="none"
stroke="black"
points="20,100 40,60 70,80 100,20"
marker-mid="url(#circle)" />
</svg>
Lưu ý sử dụng
| Giá trị | none | <marker-ref> |
|---|---|
| Giá trị mặc định | none |
| Có thể hoạt ảnh | discrete |
none-
Cho biết rằng không có biểu tượng đánh dấu nào sẽ được vẽ tại các đỉnh đã cho.
<marker-ref>-
Giá trị này là một tham chiếu tới phần tử
<marker>, phần tử đó sẽ được vẽ tại các đỉnh đã cho. Nếu tham chiếu không hợp lệ, thì sẽ không có dấu đánh dấu nào được vẽ.
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # MarkerMidProperty |
Khả năng tương thích trình duyệt
Xem thêm
<marker>marker-startmarker-end- Thuộc tính CSS
marker-mid