Search code examples
javascriptcanvasright-to-leftfabricjs

FabricJS Right to Left Text Direction

I am trying to use Hebrew which is a "right to left" language, the "default l"left to right" setting messes up all the punctuation. Any ideas about how to change from "left to right" to "right to left" in the fabricJS text element?

Solution

  • you can add RTL to your canvas, this will solve your problem. Using fabric, you have 2 canvas elements so:

    for the visual part: Try this:

    <canvas dir="rtl" ></canvas>

    And if you want to create an image from this canvas, add RTL to the upper canvas:

    $(".upper-canvas").css("direction","rtl");

    I'm using Hebrew and it works perfectly, maybe someone can add this to the source code.