diff --git a/assets/123.jpg b/assets/123.jpg
new file mode 100644
index 0000000..14500fb
Binary files /dev/null and b/assets/123.jpg differ
diff --git a/assets/images/face1_part1.png b/assets/images/face1_part1.png
deleted file mode 100644
index c28025d..0000000
Binary files a/assets/images/face1_part1.png and /dev/null differ
diff --git a/assets/images/face1_part2.png b/assets/images/face1_part2.png
deleted file mode 100644
index e77915c..0000000
Binary files a/assets/images/face1_part2.png and /dev/null differ
diff --git a/assets/images/face1_part3.png b/assets/images/face1_part3.png
deleted file mode 100644
index 07eb368..0000000
Binary files a/assets/images/face1_part3.png and /dev/null differ
diff --git a/assets/images/face1_part4.png b/assets/images/face1_part4.png
deleted file mode 100644
index 88baf19..0000000
Binary files a/assets/images/face1_part4.png and /dev/null differ
diff --git a/assets/images/face2_part1.png b/assets/images/face2_part1.png
deleted file mode 100644
index 98ca40d..0000000
Binary files a/assets/images/face2_part1.png and /dev/null differ
diff --git a/assets/images/face2_part2.png b/assets/images/face2_part2.png
deleted file mode 100644
index 56e4eca..0000000
Binary files a/assets/images/face2_part2.png and /dev/null differ
diff --git a/assets/images/face2_part3.png b/assets/images/face2_part3.png
deleted file mode 100644
index 9d50420..0000000
Binary files a/assets/images/face2_part3.png and /dev/null differ
diff --git a/assets/images/face2_part4.png b/assets/images/face2_part4.png
deleted file mode 100644
index 112e138..0000000
Binary files a/assets/images/face2_part4.png and /dev/null differ
diff --git a/assets/v3.mp4 b/assets/v3.mp4
new file mode 100644
index 0000000..e27f763
Binary files /dev/null and b/assets/v3.mp4 differ
diff --git "a/assets/\344\270\213\350\275\275.png" "b/assets/\344\270\213\350\275\275.png"
new file mode 100644
index 0000000..51c7726
Binary files /dev/null and "b/assets/\344\270\213\350\275\275.png" differ
diff --git "a/canvas/\345\233\276\347\211\207\345\212\240\346\260\264\345\215\260/index.html" "b/canvas/\345\233\276\347\211\207\345\212\240\346\260\264\345\215\260/index.html"
new file mode 100644
index 0000000..16d36be
--- /dev/null
+++ "b/canvas/\345\233\276\347\211\207\345\212\240\346\260\264\345\215\260/index.html"
@@ -0,0 +1,36 @@
+<canvas id="watermarkCanvas" style="display: none"></canvas>
+<img id="imageWithWatermark" src="" alt="Image with Watermark" />
+
+<script>
+  function addWatermarkToImage(imageSrc, watermarkText) {
+    const canvas = document.getElementById('watermarkCanvas');
+    const ctx = canvas.getContext('2d');
+    const img = new Image();
+
+    img.src = imageSrc;
+    img.onload = () => {
+      // 设置canvas大小与图片一致
+      canvas.width = img.width;
+      canvas.height = img.height;
+
+      // 绘制图片
+      ctx.drawImage(img, 0, 0);
+
+      // 设置水印样式
+      ctx.font = '48px sans-serif';
+      ctx.fillStyle = 'rgba(255, 255, 255, 0.5)';
+      ctx.textAlign = 'right';
+      ctx.textBaseline = 'bottom';
+
+      // 绘制水印
+      ctx.fillText(watermarkText, img.width - 20, img.height - 20);
+
+      // 将带水印的图片显示到页面上
+      const imageWithWatermark = document.getElementById('imageWithWatermark');
+      imageWithWatermark.src = canvas.toDataURL('image/png');
+    };
+  }
+
+  // Example usage
+  addWatermarkToImage('../../assets/123.jpg', 'Your Watermark Text');
+</script>