Can we change color of selected text in fabricjs?

Question

does any body know how to change color of selected text in fabricjs?

my code is

canvas.getActiveObject().set("fontFamily", this.value);

But this code is changing color of whole text block

user_11153441 · Answer

You can update individual characters by using the style property.

http://fabricjs.com/docs/fabric.Text.html#styles

const canvas = new fabric.Canvas('canvas');
canvas.setWidth(document.body.clientWidth);
canvas.setHeight(document.body.clientHeight);

const text = new fabric.Text('some text', {
  fill: 'green',
  styles: {
    0: {
      0: {
        fill: 'red',
      },
      1: {
        fill: 'blue'
      }
    }
  }
});

canvas.add(text);

body,
html {
  width: 100%;
  height: 100%;
}

Can we change color of selected text in fabricjs?

1 Answers