在上一篇文章（《在好学好教系统教研模块中进行Scratch课程备课》）中，我们讲解了如何通过好学好教的教研模块，方便地在编辑器中自动根据输入的Scratch代码生成Scratch积木图片。本节将更进一步介绍如何直接从Scratch项目直接生成Scratch积木图片。

应用场景

在上一篇文章中，我们可以通过在编辑器中输入Scratch操作代码的方式来自动生成Scratch积木图片。如果我们想用某个现成的Scratch项目中的代码，在上一篇文章介绍的编辑器中，我们只能照着Scratch项目中的程序，在编辑器中一个个输入Scratch代码来生成积木图片，如果程序稍微大一些，代码多一些，这就非常不方便了。为了解决这个问题，我们开发了从Scratch代码中一键抽取Scratch程序并生成Scratch积木图片的功能，其效果如下图所示。

使用方法

使用的方法非常简单，在我们的工具中，将包含Scratch项目ID的Scratch项目地址拷贝到输入框中，点击“抽取”，即可直接从项目中提取出中-英双语的代码，并自动根据代码生成积木图片。你可以直接右键将图片保存下来备用，也可将对应的代码拷贝到我们的Markdown编辑器中使用，非常方便。
下面的图片就是直接从这个小工具中生成的Scratch系列图片中拷贝出来的其中一部分代码对应的图片（PNG格式）：

当然，我们也可以将代码拷贝出来，在编辑器中生成，比如下面这个图片（SVG）就是拷贝代码到编辑器中生成的：

题图来自Unsplash