Skip to content

路径文本

路径文本需要按 弧长 采样并逐字旋转,适合圆形徽章与流向文字;性能与路径分段数量相关。

路径数学见 第 12第 13 课

交互示例

ts
const text = new Text({
    x: 0,
    y: 0,
    content: 'Quick brown fox jumps over the lazy dog.',
    fontSize: 15,
    fill: '#F67676',
    fontFamily: 'sans-serif',
    path: 'M10,90 Q90,90 90,45 Q90,10 50,10 Q10,10 10,40 Q10,70 45,70 Q70,70 75,50',
});

Released under the MIT License.