Question

我正在尝试用KineticJS绘制一些东西。我想让文本垂直对齐，但没有找到一个属性来让它像我想要的那样呈现。

我尝试了“align”，“verticalAlign”，但这些都不符合我的要求。

我希望文字显示如下：

T
E
X
T

但它不起作用并始终显示如下：

TEXT

Answer 1

我想最好的选择是创建文本并将其添加到组中，可能是类似的函数：

function(text){
   group = new Kinetic.Group();
   letters=text.split("");
   for(foo in letters){
    window['text' + foo] = new Kinetic.Text({config}) // use the foo incrementaly to change the Y axis of the text and pass letters[foo] as text argument
    group.add(window['text' + foo]);


   }
   layer.add(group);
   layer.draw();
}

它可以更优雅地编写（不使用窗口对象，但这是我知道创建dinamic vars的唯一方法）但是应该完成工作（我认为）;

KineticJS使文本垂直对齐

1 个答案: