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);