Как поместить текст внутри прямоугольника, используя konva.js? - PullRequest
Новая
       33

Как поместить текст внутри прямоугольника, используя konva.js?

0 голосов
/ 18 марта 2019

У меня есть проект с некоторыми ректами, и мне нужно поместить в них текст. Есть класс Konva, который делает это? Я пытался использовать Konva.group (), метка ...

Это была моя последняя попытка, в начале текст стоит как надо, но при перемещении Rect позиция не обновляется. 

var rect = new Konva.Rect({
  x: 20,
  y: 60,
  stroke: '#123456',
  strokeWidth: 5,
  fill: '#ddd',
  width: 600,
  height: 450,
  shadowColor: 'black',
  shadowBlur: 10,
  shadowOffset: [10, 10],
  shadowOpacity: 0.2,
  cornerRadius: 10,
  draggable: true,

})

var complexText = new Konva.Text({
  x: ((rect.attrs.width + rect.attrs.x) - 300)/2 ,
  y: ((rect.attrs.height + rect.attrs.y))/2,
  text:
  "COMPLEX TEXT\n\nAll the world's a stage, and all the men and women merely players. They have their exits and their entrances.",
  fontSize: 18,
  fontFamily: 'Calibri',
  fill: '#555',
  width: 300,
  height:300,
  align: 'center',
  draggable: true,


});
...