Flash/AS3 中的字体规格

Question

我有一个项目即将进行，我将在圆上渲染文本路径；文本必须是动态的，所以我不能只从 illustrator 中引入预先计算的集合。

现在，将文本放在圆圈上应该不会太难，我将按每个字符旋转来完成此操作。问题是，我似乎不知道如何从 Flash 的字体引擎获得每个字符的前进。 99% 的可能性是我只是忽略了一些显而易见的事情。但据我所知，获取 Flash 字体指标的唯一方法是通过 flash.text.engine.FontMetrics 表面上是每个字体，而不是每个字符。

有什么想法吗？

我不希望实现的一个后备方案是自行预先计算每个字符（因为该项目将使用预先已知的嵌入字体）。我有 ObjC 代码用于为 opengl 生成字形映射，因此我可以离线生成该数据并使其可用于我的 flash 代码（可能作为静态常量或一些胡言乱语）。

PS 这是我在 StackOverflow 上的第一个问题，如果我问得不好，请告诉我。

Answer 1

import flash.text.TextLineMetrics;

Docs

并使用

flash.text.TextField.getLineMetrics();

因此，您将创建每个字母都有一个单独的动态文本字段（动态）。放置您的第一个字母（例如在 TextField letter_1 中）并调用：

var TLM:TextLineMetrics = letter_1.getLineMetrics(0);

这将为您提供第一行的 TextLineMetrics 对象（在您的情况下为单个字母）。然后使用 width 属性来确定下一个字母需要多少偏移量。

Answer 2

很久以前我就不得不做类似的事情。因为它是 AS2，所以我使用了 senlingual 的片段。

如果你想要字母一行，使用 textWidth：

var theText:String = 'text on a path';
var letters:Array = [];
var lettersNum:int = theText.length;

for(var i:int = 0; i < lettersNum; i++){
    var t:TextField = new TextField();
    t.defaultTextFormat = new TextFormat('Verdana',12,0x000000);
    t.embedFonts = true;
    t.text = theText.charAt(i);
    t.selectable = false;
    letters.push(t);

    addChild(t);
    if(i > 0) t.x = letters[i-1].x + letters[i-1].textWidth;
}

我尝试使用 TweenMax 将事物快速而简单地放在路径上。

import com.greensock.*; 
import com.greensock.easing.*;
import com.greensock.plugins.*;

TweenPlugin.activate([BezierThroughPlugin, BezierPlugin]);

var theText:String = 'text on a path';
var letters:Array = [];
var lettersNum:int = theText.length;

for(var i:int = 0; i < lettersNum; i++){
    var t:TextField = new TextField();
    t.defaultTextFormat = new TextFormat('Verdana',12,0x000000);
    t.embedFonts = true;
    t.text = theText.charAt(i);
    t.selectable = false;
    letters.push(t);

    addChild(t);
    //if(i > 0) t.x = letters[i-1].x + letters[i-1].textWidth;

    var tween:TweenMax = TweenMax.to(t, 3, {bezierThrough:[{x:0, y:0},{x:50, y:50},{x:100, y:0}], orientToBezier:true, ease:Linear.easeNone});
    tween.complete(true,true);
    tween.currentProgress = i/lettersNum;
}

不是一个很好的。将 TextFields 嵌套在某些精灵中，调整字母在路径上的位置（垂直偏移）会很方便，而且，间距也是一个问题，因为我认为 BezierThrough 使用的是二次贝塞尔曲线。 Hermite 曲线应该更精确。

Jim Armstrong 是数学。他在 Degrafa 上的工作非常出色，如果你不受限制，Degrafa 已经有很多此类功能的功能。

华泰

Answer 3

您需要 TextLine。 getAtomBounds() 和/或 TextLine.getAtomGraphic()。

Answer 4

Greensock 的 TextMetrics 在这些情况下可能很有用。描述：TextMetrics – 查找子字符串坐标、线宽等等