如何在没有transform属性的情况下在SVG中旋转文本?

时间:2013-09-02 22:42:10

标签: php svg fonts rotation

我正在使用SVG-Icon-Font-Generator生成SVG字体。

不支持的功能

我输入的SVG文件包含正常文本旋转文本(顺时针90°),如下所示:

normal and rotated text in the same SVG file

当我尝试生成我的字体时,出现以下错误:

[Exception]

火-x706B.svg: Transforms are currently not supported!

将文本转换为路径会产生相同的错误。

问题

有没有办法旋转文本,并将其保留为对象(进一步编辑),而不使用transform属性?也许改变框架的原点。

这将允许我使用发生器。

N.B。:我正在使用此命令进行转换:

php svg-icon-font-generator.phar create-font ../resources/svg/ ../resources/font/hpf-test.svg

2 个答案:

答案 0 :(得分:2)

TL;博士

<svg:text>transform不受支持,转换为路径。

来自Dev

  

目前,您必须将文本转换为路径并应用   变换,因为变换和对象不是   目前支持。

     

支持的元素包括:pathpolygonrectcircleellipse

     

将来可能会支持转换,但<svg:text>会是   难以实施。

SVG-Icon-Font-Generator/issues

如何

您必须使用菜单Path > Union 将两个对象统一为一个路径

  1. 创建第一个文本元素;
  2. 创建第二个文字huō;
    1. rotate;
  3. 选择所有并统一路径;
  4. 保存。

答案 1 :(得分:1)

沿路径绘制文本而不是使用变换