From ce7106c2fd24324d43ff5403bd50647f2d7788e3 Mon Sep 17 00:00:00 2001
From: hughfenghen <hughfenghen@gmail.com>
Date: Sun, 17 Dec 2023 18:21:17 +0800
Subject: [PATCH] fix(doc-site): img load failed

---
 doc-site/docs/demo/3_1-chromakey-image.md | 7 ++++---
 doc-site/docs/demo/utils.ts               | 2 --
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/doc-site/docs/demo/3_1-chromakey-image.md b/doc-site/docs/demo/3_1-chromakey-image.md
index 449b4ada..cacf633f 100644
--- a/doc-site/docs/demo/3_1-chromakey-image.md
+++ b/doc-site/docs/demo/3_1-chromakey-image.md
@@ -12,8 +12,9 @@ order: 1
 ```tsx
 import React, { useEffect, useState } from 'react';
 import { createChromakey } from '@webav/av-cliper';
+import { assetsPrefix } from './utils';
 
-const imgSrc = '/img/green-dog.jpeg';
+const imgSrc = assetsPrefix(['img/green-dog.jpeg']);
 
 const chromakey = createChromakey({
   similarity: 0.4,
@@ -23,7 +24,7 @@ const chromakey = createChromakey({
 
 async function start(ctx: CanvasRenderingContext2D) {
   const img = new Image();
-  img.src = imgSrc;
+  img.src = imgSrc[0];
   await new Promise((resolve) => {
     img.onload = resolve;
   });
@@ -49,7 +50,7 @@ export default function UI() {
   return (
     <div>
       <div>原图</div>
-      <img src={imgSrc} style={{ width: 500 }} />
+      <img src={imgSrc[0]} style={{ width: 500 }} />
       <div>移除背景</div>
       <canvas
         width={500}
diff --git a/doc-site/docs/demo/utils.ts b/doc-site/docs/demo/utils.ts
index 724285c8..b0c58684 100644
--- a/doc-site/docs/demo/utils.ts
+++ b/doc-site/docs/demo/utils.ts
@@ -1,6 +1,4 @@
 
-
-
 export function assetsPrefix<T extends (string[] | Record<string, string>)>(assetsURL: T): T {
   const prefix = process.env.NODE_ENV === 'development' ? '/' : '/WebAV/'
   if (Array.isArray(assetsURL)) {