Update image in camera drawer

examples/webpage/app.js

@@ -27,10 +27,12 @@ const CAMERA_DONE_TEXT = "【拍摄完成】";
 // Sample images shown as thumbnails under the camera preview. Same-origin files
 // so they can be drawn to a canvas (for base64 + dimensions) without tainting.
 const SAMPLE_IMAGES = [
-  { src: "./samples/front-damage.jpg", label: "车辆前部" },
-  { src: "./samples/plate.jpg", label: "车牌" },
-  { src: "./samples/license.jpg", label: "驾驶证" },
-  { src: "./samples/scene.jpg", label: "事故现场" },
+  { src: "./samples/damage1.png", label: "车辆前部" },
+  { src: "./samples/damage2.png", label: "车辆后部" },
+  { src: "./samples/plate1.jpg", label: "车牌 1" },
+  { src: "./samples/plate2.jpg", label: "车牌 2" },
+  { src: "./samples/user1.jpg", label: "人物 1" },
+  { src: "./samples/user2.jpg", label: "人物 2" },
 ];
 // Cap the longer edge before JPEG-encoding so payloads stay small.
 const IMAGE_MAX_DIM = 1280;

examples/webpage/styles.css

@@ -160,6 +160,10 @@ body {
   z-index: 1;
 }
 
+.camera-drawer__photo {
+  object-fit: contain;
+}
+
 .camera-drawer__preview.is-camera .camera-drawer__video {
   display: block;
 }
@@ -338,7 +342,7 @@ body {
 .camera-drawer__sample img {
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  object-fit: contain;
   display: block;
 }