曲线文字怎么做？弧形、圆形、心形排版一篇讲清

曲线文字和「把文字转个角度」差在哪？

差在转的是一次还是每个字各转一次。整段旋转是把一行平直的字当成一个整体倾斜过去，字与字之间的相对关系没变；曲线排版是先算出每个字该落在路径的哪个位置，再让它跟着那一点的切线方向转角，所以字是"贴着"曲线走的。

这个差别在弧度大的时候特别明显。半圆弧上整段旋转的文字会跑出画面，而逐字定位的文字沿着弧线均匀铺开，每个字的底边都朝着圆心方向。徽章、印章圈字、封面弧形大标题要的都是后者。

判断一个工具是不是真的在做曲线排版：把弧度拉到极限，看每个字有没有各自转角。

八种路径分别适合什么？

先按开放还是闭合分两类，再按形状选。这个分类不是审美问题，它决定了「重复排满一圈」这个功能能不能用。

闭合路径才有「排满一圈」

圆、椭圆、方形、心形首尾相接，文字不够长时可以重复排列直到填满周长。难点在余量怎么处理：按整数次重复排完通常剩下一小段，直接留着就出现一道缝，硬塞一遍又会让最后一个字压在第一个字上。正确做法是把余量均摊进每个字的间距，首尾正好接上。

手绘路径为什么不会被缩放

因为缩放会让成品和你画的那条线对不上。文字比笔画长时，本工具的处理是顺着首尾两端的切线方向把路径接长——形状保持原样，字也有地方站。这比整体拉伸更符合直觉：你画了一道弯，得到的就是那道弯。

参数怎么调？弧度、半径和字距的关系

三个参数其实在争同一样东西：路径长度。文字总宽是固定的，路径给的空间不够就挤，给多了就散。按下面的顺序调，比来回试快得多。

1. 先定形状和大致弧度，确认整体版式方向对。
2. 再看两端有没有出问题：字挤在一起说明路径太短，中间空一大段说明太长。
3. 优先调路径本身（弧度、半径、波长），而不是先动字距——字距是补微调的，一上来就拉字距容易把字距拉到不自然。
4. 最后调字号。字号变了要回头复查一次两端。

圆形排字的两个反直觉点

第一，半径有下限。文字总长决定了圆周至少要多大，半径设得比这个下限还小时首尾必然叠字，工具会自动把半径放大到刚好排得下。想要更小的圆，得先减字或者缩字号。

第二，「朝内」不只是翻转。它同时做了两件事：文字反向排列并整体旋转 180°。这正是印章下半圈那行字的排法——上弦文顺时针读，下弦文也要顺着读，两者的排列方向其实相反。要做完整的印章，在线印章生成器把圆盘、边框、五角星和字数自适应都封好了，比用曲线文字拼两圈更省事；各章型的尺寸规范见公章尺寸标准。

波浪为什么看着字距很均匀

因为字是按沿曲线走过的长度摆的，不是按水平位置摆的。如果按水平坐标等分，波峰和波谷那一段曲线更长而水平投影更短，字就会在拐弯处挤成一团。按弧长参数化之后，每个字沿线走的距离相等，看上去才是匀的。

导出选 PNG 还是 SVG？

一句话：要再放大或再编辑选 SVG，要直接拿去用选 PNG。两种格式的取舍集中在字体上。

还有一个容易忽略的细节：填了纯色背景时导出的 PNG 不带透明通道。既然每个像素都不透明，多带一条 alpha 通道只会让文件白白大三成左右。需要透明底就把背景设成透明，工具会保留 alpha。

做好的透明 PNG 想批量叠到照片上，接着用图片加水印更顺手——位置、透明度、平铺和旋转都是现成参数。

两个必须知道的限制

这两条不是 bug，是浏览器和字体授权的客观边界，提前知道能少走弯路。

一、画布有尺寸上限，字多字大会撞上

浏览器对单张画布的边长和总像素都有上限，各家不一，移动端更紧。实测下来 60 个中文字配 200px 字号、40px 字距再乘 3× 导出，宽度会到四万像素以上——远超上限，生成直接失败，表现就是"点了没反应"。

本工具的处理是导出前先校验，保守按 8192 边长与约 1670 万总像素卡（照顾 iOS Safari），超了自动降一档倍数并提示；连 1× 都放不下才报错，并建议改用 SVG。遇到提示时先降倍数，不要反复点导出。

二、只用系统字体，SVG 换机器会回退

曲线文字的观感有很大一部分来自字体，但可商用的中文字体单个 5～10MB，塞进网页会显著拖慢加载。本工具的取舍是只调用你电脑里已有的字体，不下载任何字体文件——加载快、不占流量，代价是导出的 SVG 换一台没装同款字体的机器打开会回退到默认字体。

规避办法很简单：需要跨机器保持一致就导出 PNG；或者在矢量软件里把文字转为轮廓再分发。这一点在做 Logo 和印刷稿时尤其要注意——交给印厂的 SVG 一定要先转曲。