Add adaptive coordinate guides to canvas editor

2026-09-10 17:48:04 +08:00
parent 8d368de3b5
commit a493fe1757
9 changed files with 292 additions and 13 deletions
@@ -905,6 +905,15 @@ h3 {
  display: none;
 }

+.canvas-coordinate-guide {
+  display: none;
+  pointer-events: none;
+}
+
+.canvas-coordinate-guide[hidden] {
+  display: none;
+}
+
 #scene-overlay[data-interaction="readonly"] {
  pointer-events: none;
 }
@@ -950,6 +959,17 @@ body.canvas-edit-active .board-stage {
  will-change: transform;
 }

+body.canvas-edit-active .canvas-coordinate-guide:not([hidden]) {
+  position: absolute;
+  z-index: 1005;
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  mix-blend-mode: difference;
+}
+
 body.canvas-edit-active[data-canvas-editor-mode="move"] .board-stage {
  cursor: grab;
 }