feat: 新增文字移动实时显示网格辅助线

2026-04-21 09:03:01 +08:00
parent 16de547957
commit d34bed9200
3 changed files with 100 additions and 24 deletions
--- a/css/style.css
+++ b/css/style.css
@@ -513,3 +513,23 @@ html, body {
 .guide-line.visible {
    display: block;
 }
+
+/* 1px 网格线 */
+.grid-lines {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    z-index: 5;
+    display: none;
+    background-image: 
+        linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px),
+        linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
+    background-size: 10px 10px;
+}
+
+.grid-lines.visible {
+    display: block;
+}