lengthAdjust
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính lengthAdjust điều khiển cách văn bản được kéo giãn vào độ dài do thuộc tính textLength xác định.
Bạn có thể dùng thuộc tính này với các phần tử SVG sau:
Ví dụ
html
<svg width="300" height="150" xmlns="http://www.w3.org/2000/svg">
<g font-face="sans-serif">
<text x="0" y="20" textLength="300" lengthAdjust="spacing">
Kéo giãn chỉ bằng khoảng cách.
</text>
<text x="0" y="50" textLength="300" lengthAdjust="spacingAndGlyphs">
Kéo giãn bằng cả khoảng cách lẫn glyph.
</text>
<text x="0" y="80" textLength="100" lengthAdjust="spacing">
Thu nhỏ chỉ bằng khoảng cách.
</text>
<text x="0" y="110" textLength="100" lengthAdjust="spacingAndGlyphs">
Thu nhỏ bằng cả khoảng cách lẫn glyph.
</text>
</g>
</svg>
Ghi chú sử dụng
| Giá trị | spacing | spacingAndGlyphs |
|---|---|
| Giá trị mặc định | spacing |
| Có thể animate | Có |
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # TextElementLengthAdjustAttribute |