Я пытаюсь создать контейнер Konva Text с вертикальным центрированием его содержимого;
var infoText = new Konva.Text({
x: 0,
y: 0,
text: `my long long ... text`,
fontSize: 18,
fontFamily: 'Arial',
width: 50,
height: 50,
align: 'center'
});
Я нашел свойство align в документации, но оно может сделать текст только центрированным по горизонтали. Как я могу центрировать по вертикали?
Можно делать от Konva v2.3.0:
const text = new Konva.Text({
text: 'vertical align',
x: 20,
height: rect.height(),
verticalAlign: 'middle'
});
Демо: http://jsbin.com/budekuhopi/edit?html,js,output < / а>
Старый ответ:
В настоящий момент (v2.2.2) Konva не может делать это автоматически. Вам необходимо произвести ручную настройку:
const text = new Konva.Text({
text: 'vertical align',
x: 20,
});
layer.add(text);
text.y(containerHeight / 2 - text.getHeight() / 2);
http://jsbin.com/yakuwozaxi/2/edit?js,output
