找回密码
 立即注册
查看: 457|回复: 4

【工具分享】基于浏览器的SVG转ASS绘图指令工具

回帖奖励 4800 活跃度 回复本帖可获得 100 活跃度奖励! 每人限 1 次(中奖概率 80%)
  • TA的每日心情
    开心
    2026-3-16 19:59
  • 签到天数: 1 天

    [LV.1]初来乍到

    3

    主题

    45

    回帖

    0

    VC币

    白金会员

    Rank: 12Rank: 12Rank: 12

    积分
    76365
    蒙太奇字幕组 发表于 2026-4-13 00:08:56 | 显示全部楼层 |阅读模式
    本帖最后由 蒙太奇字幕组 于 2026-4-26 02:23 编辑

    大家好,我是蒙太奇字幕组的小p,本文由我与 NickCollect 共同撰写。

    蒙太奇字幕组成立于 2025 年 8 月,旨在重振日益向闭源图形格式与自动生成字幕倾斜的中文字幕生态:我们坚持 ASS/SRT 等开放格式,建设开放社区与开源工具,降低制作门槛、提升可复用性,让更多人能参与、学习并传承字幕创作。

    今天介绍的工具,是我们推动这一开放生态的又一举措。


    【背景:特效字幕里的一道墙】

    ASS 字幕支持绘图指令(\p draw commands),这是一种将矢量图形直接渲染到画面中的技术。结合 Aegisub 的定位和特效功能,几乎可以还原任何复杂的图形效果,Logo、印章、装饰边框……唯一限制你的是想象力。

    矢量图形的主流创作工具,Adobe Illustrator、Inkscape、Figma,都只能导出现代 SVG 格式,而 Aegisub 使用的是自己的绘图指令语法,两者格式不兼容。结果就是:你有专业绘图软件,也有 ASS 字幕丰富的表达能力,但中间隔着一道没有桥的沟。

    传统的解决方法是依赖老旧的 Illustrator 插件,安装繁琐,还有精度丢失和图形锯齿等问题。很多特效师干脆绕开了绘图指令,或者手动推算坐标,费时费力,门槛也高。

    NickCollect 在制作特效字幕期间深度遭遇了这个痛点,于是开始研究如何在浏览器里直接完成这个转换。经过 NickCollect 几个月的开发和改进,SVG 转 ASS 绘图指令工具在 2026 年 1 月完成内测,并于 3 月中旬随《至尊马蒂》字幕发布一同公开上线。


    【这个工具做什么?】

    一句话:把 SVG 路径代码转换成 Aegisub 可以直接使用的 ASS \p 绘图指令。

    整个过程完全在浏览器本地完成,没有任何输入内容发送给服务器。

    核心功能

    智能路径提取:直接粘贴完整 SVG 源码,工具自动识别并提取所有 <path> 的路径数据,合并多条路径后统一转换,不需要手动清理 XML 标签。

    高精度坐标缩放:Aegisub 绘图坐标是整数,\p1 模式下精度单位为 1 像素,小图形容易出现锯齿。工具提供 8x(\p4)和 16x(\p5)两种高精度模式,通过预先放大坐标从根本上解决这个问题。日常推荐 8x,16x 适合对精度要求更高的场景。

    实时矢量预览:转换后即时在右侧渲染矢量效果,带亮度调节滑块,无论图形是纯黑还是纯白都能看清楚,确认没问题再复制。

    自动生成 ASS 标签:自动添加 \fscx1000\fscy1000 等基础精度标签,也支持自定义追加 \pos、\c 等任意行内标签,复制后直接粘贴进 Aegisub 字幕行,无需二次处理。

    多语言界面:自动跟随浏览器语言,右上角可随时切换。


    【如何使用?】

    无需安装任何软件,打开即用:

          1. 打开工具页面:https://montagesubs.github.io/svg-to-ass/
          2. 将 SVG 代码粘贴或上传到输入框
          3. 选择精度模式(推荐 8x),按需配置附加标签,点击转换 Convert
          4. 在右侧预览区确认效果,点击复制 Copy,粘贴到 Aegisub 字幕行即可


    【技术实现】

    工具是单文件纯前端实现,无任何外部依赖,核心是原生数学计算,覆盖 SVG 路径命令到 ASS 绘图指令的完整映射,包括贝塞尔曲线和椭圆弧的精确转换。支持 PWA,可添加到主屏幕,桌面浏览器下支持离线使用。已开源,部署在 GitHub Pages。


    【最后】

    字幕制作的工具链一直是字幕组生态里被忽视的一块。我们做这个工具,就是希望让「用绘图指令做精美特效」这件事变得触手可及,让大家能用自己熟悉的设计软件,把创意真正带进字幕里。

    工具完全开源,欢迎提交反馈,也欢迎参与讨论。觉得有用的话,欢迎分享给更多字幕制作者。





    蒙太奇字幕组 (MontageSubs)
    "用爱发电 ❤️ Powered by Love"


    评分

    参与人数 1活跃度 +6400 收起 理由
    yuriyoh + 6400 这也太牛了吧!!!很需要了!!!.

    查看全部评分

    回复

    使用道具 举报

  • TA的每日心情
    开心
    2026-3-16 19:59
  • 签到天数: 1 天

    [LV.1]初来乍到

    3

    主题

    45

    回帖

    0

    VC币

    白金会员

    Rank: 12Rank: 12Rank: 12

    积分
    76365
    蒙太奇字幕组  楼主| 发表于 2026-4-13 00:30:58 | 显示全部楼层
    喜欢这个工具的话也欢迎去看看我们的另外一个工具哦

    【工具分享】基于浏览器的ASS字幕字体嵌入子集化工具
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2026-3-16 19:59
  • 签到天数: 1 天

    [LV.1]初来乍到

    3

    主题

    45

    回帖

    0

    VC币

    白金会员

    Rank: 12Rank: 12Rank: 12

    积分
    76365
    蒙太奇字幕组  楼主| 发表于 2026-4-24 01:41:46 | 显示全部楼层
    目前新版支持直接上传 SVG 格式文件了,不用自己再打开 SVG 复制了

    还有什么需求,欢迎提出,持续开发和改进中。
    回复

    使用道具 举报

    该用户从未签到

    9

    主题

    26

    回帖

    0

    VC币

    注册会员

    Rank: 2

    积分
    603
    zxj999 发表于 2026-4-28 12:19:07 | 显示全部楼层

    回帖奖励 +100 活跃度

    高大上 不懂帮顶
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2026-5-15 11:02
  • 签到天数: 98 天

    [LV.6]常住居民II

    0

    主题

    9

    回帖

    0

    VC币

    荣誉会员

    Rank: 14Rank: 14Rank: 14Rank: 14

    积分
    86979
    yuriyoh 发表于 2026-5-7 16:26:20 | 显示全部楼层

    回帖奖励 +100 活跃度

    前阵子想做一个特效,一直苦于不会画图就搁置了,今天试了一下,简直太好用了,巨方便!
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    快速回复 返回顶部 返回列表