Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Canvas Kineticjs文本路径设置文本高度_Canvas_Svg_Kineticjs - Fatal编程技术网

Canvas Kineticjs文本路径设置文本高度

Canvas Kineticjs文本路径设置文本高度,canvas,svg,kineticjs,Canvas,Svg,Kineticjs,是否可以在文本路径中设置文本高度?我想垂直拉伸文本 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' }); 根据,有一个getTextHeight()方法。但是没有属性textHeight或类似

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

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'
});
根据,有一个
getTextHeight()
方法。但是没有属性
textHeight
或类似于
setTextHeight()
的方法

我会使用一个普通的文本对象,但不幸的是,我必须弯曲文本


获取文本高度只是一个发送回测量值的实用功能,没有“设置”,因为没有任何设置,因为您会影响背景样式

不幸的是,没有办法直接“拉伸”文本,您必须做一些奇怪的变通方法来实现这一点。类似于将项目保存为图像并拉伸图像,但我不推荐这种方法

最好的办法是缩放对象


你能提供一份JSFIDLE/jsBin/plunkr吗?@EliteOctagon编辑了我的问题请参见下面的修改答案感谢指出比例方法。我希望有另一种方法,因为这不是我想要的结果。我想我必须分别缩放每个角色或其他什么..我知道,祝我好运;)@祝你好运,顺便说一句,你需要拉伸曲线文本的具体情况是什么?你应该可以做些其他的事情,而不是尝试对API进行重大的破解。我正在编写一个应用程序,它可以在图像(产品)上打印文本。应用程序最终应该显示一个看起来与实际物理产品相同的图像。产品上的文本可由客户编辑,因此我使用Kineticjs之类的库/框架来更改文本。现在,我使用的字体高度太小,但宽度正确,这意味着我必须拉伸它。你能想出一个可能的替代方案吗?听起来你会在你的应用程序中经常重复使用这些拉伸的文本。使用其中一个在线字体创建工具,从拉伸的字母创建字体怎么样。此方法允许KineticJS沿路径进行所有困难的文本定位/旋转。两全其美!
myText.scaleY(2);