Kineticjs textpath設置文本高度

是否可以在文本路徑中設置文本高度？我想垂直拉伸文本。Kineticjs textpath設置文本高度

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

來源

2014-03-26 RobinvdA

能爲您提供的jsfiddle/jsBin/plunkr？ – SoluableNonagon

@EliteOctagon編輯我的問題 – RobinvdA

請參閱下面的修改回答 – SoluableNonagon

獲取文字高度僅僅是一個效用函數發回的測量，也沒有「設置」，因爲沒有什麼可以設置你會影響到背景樣式。

不幸的是，沒有辦法將文本「拉伸」出來，你必須做一些奇怪的解決方法來實現這一點。像將圖像保存爲圖像並拉伸圖像，但我不推薦這種方法。

你最好的賭注是縮放對象，http://kineticjs.com/docs/Kinetic.TextPath.html#scaleY

myText.scaleY(2);

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

來源

2014-03-26 14:43:22 SoluableNonagon

感謝您指出的比例方法。我希望會有另一種方式，因爲這不是我想要的結果。我想我必須單獨縮放每個字符或其他東西.. – RobinvdA

不會那麼容易 – SoluableNonagon

我知道，祝我好運;） – RobinvdA

Kineticjs textpath設置文本高度

回答

相關問題