---
nav: DEMO
group:
  title: 绿幕抠图
  order: 5

order: 1
---

# 图片背景

<code src="./3_1_1-chromakey-image.tsx"></code>

实现原理参考文章：[WebGL Chromakey 实时绿幕抠图](https://hughfenghen.github.io/posts/2023/07/07/webgl-chromakey/)
