The read-only actualBoundingBoxDescent
property of the TextMetrics
interface is a double
giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline
attribute to the bottom of the bounding rectangle used to render the text, in CSS pixels.
Examples
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
const text = ctx.measureText('foo'); // returns TextMetrics object
text.actualBoundingBoxDescent; // 0;
Specifications
Specification |
HTML Living StandardThe definition of 'TextMetrics.actualBoundingBoxDescent' in that specification. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Chrome Full support 77 Full support 77 No support ? — 77 Disabled' Until version 77 (exclusive): this feature is behind the |
Edge
Full support 79 |
Firefox
Full support 74 |
IE
No support No |
Opera
? |
Safari
Full support Yes |
WebView Android
Full support 77 |
Chrome Android Full support 77 Full support 77 No support ? — 77 Disabled' Until version 77 (exclusive): this feature is behind the |
Firefox Android
No support No |
Opera Android
? |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support 12.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Experimental. Expect behavior to change in the future.'
- Experimental. Expect behavior to change in the future.
- User must explicitly enable this feature.'
- User must explicitly enable this feature.
See also
TextMetrics.actualBoundingBoxDescent by Mozilla Contributors is licensed under CC-BY-SA 2.5.