代码转图片（代码截图生成器）

在幻灯片、博客文章或社交媒体上分享代码片段时，截图往往是最清楚的方式——但真实的截图会带上编辑器里的杂乱元素。本工具直接把代码画出来：支持 JavaScript/TypeScript、Python、Java/C/C#、Go、Rust、PHP、SQL、HTML、CSS、JSON 和 shell 的语法高亮，浅色、深色或护眼棕褐主题，带标题的窗口边框，行号，以及渐变、纯色或透明背景。可下载 2 倍或 3 倍的清晰 PNG，或下载 SVG。

使用方法

1. 粘贴代码并选择语言。
2. 选择主题和背景。
3. 设置窗口标题、边框和行号。
4. 调整字号、边距和缩放。
5. 下载 PNG 或 SVG。

计算公式

高度 = 2 × 边距 + 标题栏 + 2 × 内边距 + 行数 × 1.5 × 字号

每个字符都落在固定的等宽网格上（东亚全角字符和 emoji 占两格），所以无论系统使用什么字体，各列都保持对齐。制表符会变成 4 个空格。高亮采用轻量级词法分析器——识别注释、字符串、数字、关键字、函数名和类型——而不是完整的解析器，因此少见的语法可能不会着色。缩放会把所有像素尺寸乘以倍数，以适配高分屏。

示例

8 行的 debounce 函数，字号 16 px、边距 48 px，在 1 倍下高度为 48 + 36（标题栏）+ 20 + 8 × 24 + 20 + 48 = 364 px，默认 2 倍时为 728 px。function、return、let 等关键字，注释，默认值 300，以及对 setTimeout 的调用，在深色主题中各自有不同的颜色。