# 一键生成漂亮的代码图片/代码截图工具quanxin.org/code-snapshot

*Published:* 2024-07-12
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2024年7月11日，已超过 180天没有更新



代码截图工具，可一键生成漂亮的代码图片。本工具可以自动识别代码语言，支持 C、C++、PHP、Java、Python、Go、JavaScript、CSS 等数十种程序语言。代码截图工具提供了若干选项，以生成不同风格的代码图片；本工具生成的代码图片漂亮、美观、风格统一，适合各种需要展示代码的场合。

[![](https://www.xarjtc.com/wp-content/uploads/2024/07/ab3616ceb220663.webp)](https://www.xarjtc.com/wp-content/uploads/2024/07/ab3616ceb220663.webp)

支持的选项包括：

图片背景色

代码高亮主题

代码字体及字体大小

代码窗口样式控制

编辑器样式控制

和用截图工具手动截取编辑器代码相比，通过本工具生成的代码图片，其风格更统一，是展示代码、Demo 演示、技术博客写作的必备工具。

1、图片背景色

该选项用于控制截图的背景颜色，该背景色作为代码主窗口的背景，以使得代码窗口更加醒目。

2、代码字体

该选项用于改变代码编辑器使用的字体。本工具内置了 7 种常用的等宽字体，请根据你的喜好进行选择。

3、代码字体大小

该选项用于控制编辑器中代码字体的大小，默认为 16px。为了保证图片上代码的可读性，本选项支持的最小字体为 12px，最大字体为20px。

4、代码高亮主题

代码高亮主题是渲染代码时使用的编辑器主题，该选项支持 16 种常见的高亮主题，如：Dracula、Material、Solarized Dark、Nord、Twilight、Monokai 等，可根据自己的喜好进行选择。

5、代码窗口选项

代码窗口选项包括：

是否显示窗口控制按钮

是否显示圆角效果

是否使用阴影效果

这随意切换这些选项，实时预览效果。

6、编辑器选项

编辑器选项包括：

是否显示代码行号

是否显示水印

在线网址：https://quanxin.org/code-snapshot