CODEWITHSUNDEEP
htmlinternet-explorercanvasfabricjs
user3239936
user3239936

Reputation:

Issue in IE when using Fabric.js

I used http://fabricjs.com/ library am having this problem I need to fix In Internet Explorer the text I add take place beside the selected area but in Chrome and Firefox wit work probably.

IE snapshot.

Chrome snapshot.

var text_bottom = new fabric.Text(text_bottom, {
            originX: 'center',
            left:270,
            top: 490,
            fontFamily:'AsmaaFont',
            fill:"#C0C0C0",
            fontSize: 50,
            textAlign: 'center'
        });

What should I do?

Upvotes: 5

Views: 850

Answers (1)

Ayman Hussein
Ayman Hussein

Reputation: 3857

Please remove:

 textAlign: 'center'

So your code will be:

var text_bottom = new fabric.Text(text_bottom, {
            originX: 'center',
            left:270,
            top: 490,
            fontFamily:'AsmaaFont',
            fill:"#C0C0C0",
            fontSize: 50
        });

Upvotes: 3

Related Questions