代码截图工具
把代码片段渲染成精美图片,支持语法高亮、主题与窗口框架。
隐私安全:所有处理均在您的浏览器本地完成,数据绝不上传代码截图语法高亮图片生成
代码输入
语言选「自动识别」时会依据代码内容猜测;语法高亮在本地正则引擎中完成,不会上传代码。
实时预览
导出倍率
样式面板
窗口框架
背景类型
工作原理
- 1在代码框中粘贴或输入代码,工具会自动识别语言并高亮,也可手动指定语言与配色主题。
- 2在样式面板调整窗口框架、背景类型、字号、行高、内边距、圆角、行号、折行、高亮行与水印。
- 3预览区实时渲染最终卡片效果,所有高亮、排版与绘制均在浏览器本地完成,代码不会上传。
- 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 导出获得矢量文件。