Fabric js text, vertical align to center

Question

I am using fabric.js library. I want to vertically align text to ceneter of textbox area. Please see image.

In image default cursor is align to top but i want it to center. Is there any property for text as valign like textalign?

Tried originY but no luck.

I guess there is 3 lines, thats why its showing on top line center — Durga, Mar 05 '18 at 14:11
Did you find the solution for this problem. I am also stuck on the same thing. — Ashish, Jun 01 '18 at 07:39

score 0 · Answer 1 · answered Dec 10 '19 at 15:44

fabric.js 3.5.1 works with originY: 'center'
see FabricJS: Vertical Align text center

.... but the bounding-box has no "minimum height" setting
and paddingX / paddingY are not supported by fabric

to solve this in fabric,
you must override the render function, as shown in
Draw border on Fabric Textbox when it's not selected

but it should be easier to use html elements,
and put them over your canvas, as shown in
How to put an html element over a fabric.js element

1 Answers1