示例

我们已经编写了相当多的示例，可以在这里访问。 点开某个示例就会进入它的示例页面，你可以直接和它交互，看它是怎么工作的。

点击这里打开示例页面

说明

在线示例托管在官方英文站点上，本中文站点不重复托管，因此上面的链接会跳转到 cornerstonejs.org。示例本身是纯代码演示，不影响阅读。

源码与调试

如果你想看每个示例的源码，我们在打开 Chrome 开发者工具时提供了源码链接。 具体做法可以看下面的视频。简单说：打开 Chrome 开发者工具后，切到 console， 点击控制台中显示的那个 index.ts。

你可以在代码的任意一行打断点，查看被调用的变量和函数。

在本地运行示例

你也可以在本地运行每个示例。需要说明的是，Cornerstone3D 是一个 monorepo， 包含三个包（core、tools、streaming-image-volume），各个包的示例都放在 自己目录下的 examples 文件夹里。运行某个示例时，把它的名字作为参数传给 example 脚本即可。示例名不区分大小写，而且就算拼错了，它还能提示你可能想找的那个示例。

1. 克隆仓库
2. yarn install --frozen-lockfile
3. yarn run example petct   # 需要在仓库根目录下执行

Important

运行示例时请把仓库根目录作为工作目录。 以前需要在各个包的目录下分别运行，现在不需要了。

危险

一般来说，执行 yarn install 时都应该带上 --frozen-lockfile 标志， 通过强制依赖可复现来降低供应链攻击的风险。也就是说，只要 yarn.lock 是干净的、 没有引用被投毒的包，用这个标志就不会有被投毒的包落到你的机器上。