想要在单一布料文本框中添加多种字体，不想添加新的文本框

Question

我想在单一结构TextBox中添加多种字体，但不想添加新的Textbox。

var canvas = new fabric.Canvas('c');
var textbox = new fabric.Textbox('Test', {
    left: 50,
    top: 50,
    width: 150,
    fontSize: 20
});
canvas.add(textbox).setActiveObject(textbox);

请给我解决方案。

Answer 1

您可以使用Textbox的var textbox = new fabric.Textbox('Test text', { left: 50, top: 50, width: 150, fontSize: 20, styles: { // first word of text i.e Test 0: { //first letter of first word i.e T 0: { fontFamily: 'Arial'}, //second letter of first word i.e e 1: { fontFamily: 'Impact'} }, } }); 属性

0

  

此处0样式键表示文字的第一个字和0键   样式内的ESLint对象表示你单词的第一个字母。