fix: web camera resize

slidevjs · Apr 19, 2021 · 4bb8247 · 4bb8247
1 parent 69a2c97
commit 4bb8247
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/vite-slides/client/builtin/WebCamera.vue b/packages/vite-slides/client/builtin/WebCamera.vue
@@ -30,8 +30,9 @@ const frameStyle = computed(() => ({
 const handleStyle = computed(() => ({
   width: '14px',
   height: '14px',
-  bottom: `${size.value / 2 * 0.3 - 7}px`,
-  right: `${size.value / 2 * 0.3 - 7}px`,
+  // 0.5 + 0.5 / sqrt(2)
+  top: `${size.value * 0.8536 - 7}px`,
+  left: `${size.value * 0.8536 - 7}px`,
   cursor: 'nwse-resize',
 }))
 
@@ -78,7 +79,7 @@ useEventListener(window, 'mousemove', (e: MouseEvent) => {
   }
   if (handlerDown.value && frame.value) {
     const box = frame.value.getBoundingClientRect()
-    size.value = Math.max(10, Math.min(e.clientX - box.x, e.clientY - box.y))
+    size.value = Math.max(10, Math.min(e.clientX - box.x, e.clientY - box.y) / 0.8536)
   }
 })