Logo
HomeWorkBlogContact
Logo

Fabric.js 2.0 breakWords Implementation

Published on 6/11/2018 by Justin Williamson

LinkedInFacebookTwitter

EDIT 8/26/2021 - The splitByGrapheme option seems to be working great in v4 and renders all of this shit unnecessary. Woohoo!

EDIT 6/3/2019 - It looks like the splitByGrapheme option has been fixed and is working in fabric 3.0. It is an alternate approach than the one shown here.

One of my favorite fabric.js hacks was the breakWords function . This would allow Textbox objects to hold a maximum width by forcing a line break when a long word could not be contained.

Unfortunately this functionality was broken in fabric 2.0. I busted my ass a bit trying to figure this out - here's what I came up with:

Note that there are still some problems as pointed out here . It's a start, though.


You might also enjoy...

Bootstrap 4 Tab Persistence

Server-side Excel export with jQuery DataTables, express and ExcelJS

Let's Build a Website Uptime Bot with Google Apps Script