Question

是否可以在文本路径中设置文本高度？我想垂直拉伸文本。

var text = new Kinetic.TextPath({
    x: 0,
    y: 0,
    fill: '#333',
    fontSize: 24,
    fontFamily: 'Arial',
    text: '123456789',
    data: 'M50,50 C60,0 140,0 150,50'
});

根据documentation，有一种getTextHeight()方法。但是没有属性textHeight或类似setTextHeight()的方法。

我会使用普通的文本对象但不幸的是，我必须对文本进行曲线处理。

jsFiddle

Answer 1

获取文本高度只是一个实用函数，它发回一个测量值，没有“设置”因为没有任何设置，因为你会影响背景样式。

不幸的是，没有办法立即“拉伸”文本，你必须做一些奇怪的解决方法来实现这一目标。像将图像保存为图像和拉伸图像之类的东西，但我不推荐这种方法。

您最好的选择是缩放对象http://kineticjs.com/docs/Kinetic.TextPath.html#scaleY

myText.scaleY(2);

http://jsfiddle.net/tMYCx/1/

Kineticjs textpath设置文本高度

1 个答案: