From 1ed7b5511feac617aa2cfdaffbed8fa8b935c6ed Mon Sep 17 00:00:00 2001 From: shadowcz007 Date: Mon, 12 Aug 2024 00:19:26 +0800 Subject: [PATCH] mixlab app new mask editor --- web/index.html | 605 +++++++++++++++++++++++--------------- web/javascript/command.js | 12 +- 2 files changed, 382 insertions(+), 235 deletions(-) diff --git a/web/index.html b/web/index.html index 1b9e91c7..6c0655d5 100644 --- a/web/index.html +++ b/web/index.html @@ -208,6 +208,21 @@ box-shadow: 0px 0px 10px 10px #fbe9f0; } + .image-with-grid { + position: relative; + width: fit-content; + display: flex; + background-size: 20px 20px; + background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), + linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc); + background-position: 0 0, 10px 10px; + } + + .image-with-grid> :first-child { + margin-left: 0; + margin-top: 0; + } + /* .card:hover { box-shadow: 0px 0px 10px 10px #e9fbfa; } */ @@ -343,7 +358,7 @@ width: fit-content; max-width: 100%; margin-left: 12px; - /*min-height: 200px;*/ + min-height: 200px; } .input_card { @@ -665,6 +680,16 @@ user-select: none; } + + @@ -676,10 +701,33 @@ -
- +
+

蒙版绘制工具

+
+
+ + + + +
+
+ + + 10 +
+
+ + + +
+
+
+ + +
+ +