漫画气泡编辑器正式发布

2026-01-31

我们发布了一款网页应用"漫画气泡编辑器"，可为图片添加漫画风格的对话气泡。

非常抱歉，此网页应用目前仅支持日语。

这是一款可以为照片和插图添加漫画风格对话气泡与台词的工具。

目前提供4种气泡类型。

支持竖排文字，可营造正宗的日本漫画氛围。还可从11种字体中选择。

无论是智能手机还是PC均可使用，只需一个浏览器即可。

可能有人担心："需要上传图片吗？"

图片不会发送至服务器。

您可以放心使用，无需担心隐私问题。

说是官方理由，其实真正的原因是：如果加入保存到服务器的功能，就意味着外部数据流入，安全考量将急剧增加。担心图片中是否嵌入了什么，或者通过表单输入值入侵服务器的安全漏洞——麻烦事太多，所以我们决定什么都不保存。

现代浏览器的能力令人惊叹。由于可以在浏览器端创建图片，无需向服务器输入数据、用imagemagick或pillow处理后再返回客户端。

以下是开发背后的一些小故事。

我曾为编辑时的显示效果与保存后的图片气泡形状略有不同而烦恼……

原因是屏幕显示（SVG）和图片保存（Canvas）的绘制方式不同。气泡"尾部"粗细发生变化的问题，在多次修改计算公式后终于得到解决。

网页图片编辑器看似容易构思，实则是个陷阱。由于DOM概念和Canvas概念不同，对齐两者所需的处理耗费了大量时间。进行到一半时，我开始想："早知道从一开始就做成原生应用不就好了？"

我以为PC上能运行，智能手机上应该也能……我太天真了。

这也是因为DOM和Canvas概念不同，导致气泡形状随尺寸完全改变。图片尺寸、显示尺寸、视网膜屏比例——所有坐标都不一样，试图通过计算对齐始终无法完美。最终将图片尺寸固定为100%，彻底放弃了缩放功能。

这是个细微却棘手的问题。

在竖排文字中输入"！"或"？"时，保存后的图片中会变成横排显示。调查原因后发现，"！"被包含在字符旋转处理的旋转对象中。

通过仔细分类"需要旋转的字符（ー、〜等）"和"应保持原样绘制的字符（!、?等）"，问题得到解决。即便在当今时代，有时也不得不逐字符处理……

总之，我以为"这个我能轻松做出来，快速搞定"，结果并非如此。上了年纪之后，连续熬两个通宵真的很辛苦。虽然没有截止日期，但写代码进入"状态"之后就忘了吃饭睡觉……（笑）