- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Properties to create text using HTML5 Canvas
textBaseline [ = value ]
This property returns the current baseline alignment settings and can be set, to change the baseline alignment. The possible values are top, hanging, middle, alphabetic, ideographic and bottomThe following are the properties to create text:
| Sr.No. | Property and Description |
|---|---|
| 1 | font [ = value ] This property returns the current font settings and can be set, to change the font. |
| 2 | textAlign [ = value ] This property returns the current text alignment settings and can be set, to change the alignment. The possible values are start, end, left, right, and center. |
| 3 | textBaseline [ = value ] This property returns the current baseline alignment settings and can be set, to change the baseline alignment. The possible values are top, hanging, middle, alphabetic, ideographic and bottom |
| 4 | fillText(text, x, y [, maxWidth ] ) This property fills the given text at the given position indicated by the given coordinates x and y. |
| 5 | strokeText(text, x, y [, maxWidth ] ) This property strokes the given text at the given position indicated by the given coordinates x and y. |
Updated on 29-Jan-2020 07:02:22
- Related Questions & Answers
- Properties for HTML5 Canvas to create shadows
- HTML5 Canvas Circle Text
- Create a text inside circles in HTML5 Canvas
- Create a pattern with HTML5 Canvas
- How to create a canvas with text cursor using FabricJS?
- HTML5 Canvas Text Stroke for Large Font Size
- Measure text height on an HTML5 canvas element
- How to draw lines using HTML5 Canvas?
- How to prevent text select outside HTML5 canvas on double-click?
- Translating HTML5 canvas
- HTML5 Canvas distorted
- HTML5 Canvas Transformation
- HTML5 Canvas to PNG File
- HTML5 Canvas fit to window
- How to Justify Text using text-align & text-justify CSS Properties?
Advertisements