在线工具箱
代码截图工具

代码截图工具

把代码片段渲染成精美图片,支持语法高亮、主题与窗口框架。

隐私安全:所有处理均在您的浏览器本地完成,数据绝不上传
代码截图语法高亮图片生成

代码输入

语言选「自动识别」时会依据代码内容猜测;语法高亮在本地正则引擎中完成,不会上传代码。

实时预览

导出倍率

样式面板

窗口框架
背景类型

工作原理

  1. 1在代码框中粘贴或输入代码,工具会自动识别语言并高亮,也可手动指定语言与配色主题。
  2. 2在样式面板调整窗口框架、背景类型、字号、行高、内边距、圆角、行号、折行、高亮行与水印。
  3. 3预览区实时渲染最终卡片效果,所有高亮、排版与绘制均在浏览器本地完成,代码不会上传。
  4. 4选择导出倍率后,可下载 PNG、SVG 或 HTML,或直接复制图片到剪贴板。

常见问题

代码会被上传到服务器吗?

不会。所有语法高亮、排版计算与图片导出都在您的浏览器本地完成,代码不会离开设备,断网也能使用。

支持哪些编程语言?

内置 JavaScript、TypeScript、Python、Go、Rust、Java、C、C++、C#、PHP、Ruby、Kotlin、Swift、SQL、Shell、JSON、YAML、HTML、CSS、Markdown 等语言;未识别时按纯文本渲染,可手动选择。

导出的图片清晰吗?

导出采用矢量重绘而非截图放大,1x 适合网页展示,2x 与 3x 在高分屏及打印场景下文字边缘依然清晰。

透明背景有什么用途?

选择透明背景后导出的 PNG 不含底色,可直接叠加到幻灯片、文档或深色底图上。

行数很多时导出失败怎么办?

浏览器对画布尺寸有上限。行数过多时工具会提示尺寸过大,可降低字号、关闭折行或减少内容后再导出。

复制到剪贴板失败怎么办?

复制功能需要浏览器安全上下文支持;若提示失败,请改用下载 PNG 按钮,或使用 SVG 导出获得矢量文件。

更多在线工具