2015-11-30 2 views
0

Я видел примеры того, как применить несколько стилей для данного объекта IText на каждой строке, на символьной основе, используя следующий синтаксис ...FabricJS IText - Как добавить текстовое поле с несколькими стилями?

var iTextSample = new fabric.IText('hello\nworld', { 
styles: { 
    0: { 
     0: { textDecoration: 'underline', fontSize: 80 }, 
     1: { textBackgroundColor: 'red' } 
    }, 
    1: { 
     0: { textBackgroundColor: 'rgba(0,255,0,0.5)' }, 
     4: { fontSize: 20 } 
    } 
    } 
}); 

Fiddle здесь- https://jsfiddle.net/tLy9eqj6/

Есть аналогичный синтаксис для установки нескольких символов в одной строке, используя только один набор аргументов? Например, это подчеркнет первые 5 символов строки 1 ...

var iTextSample = new fabric.IText('hello\nworld', { 
styles: { 
    0: { 
     [0,1,2,3,4]: { textDecoration: 'underline' } 
    } 
    } 
}); 

ответ

0

Нет, пока нет (пока).

На данный момент у fabricjs есть символ стиля или возврат к свойствам стиля по умолчанию.

Что вы можете сделать, это оптимизировать свой стиль, определяя наиболее используемый стиль вашего текста, назначить его объекту IText и затем по-разному нарисовать несколько символов.

Смежные вопросы