From 80714f919fe6a3d46f94adda91dcc49354b518dd Mon Sep 17 00:00:00 2001
From: AEtheve <30652308+AEtheve@users.noreply.github.com>
Date: Tue, 2 May 2023 20:32:17 +0200
Subject: [PATCH] Add Feature: Adjustable Stroke Width for Mask Drawing in
 img2img mode

---
 electron_app/src/components/Img2Img.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/electron_app/src/components/Img2Img.vue b/electron_app/src/components/Img2Img.vue
index 8594126a..ec14dc0b 100644
--- a/electron_app/src/components/Img2Img.vue
+++ b/electron_app/src/components/Img2Img.vue
@@ -8,7 +8,7 @@
          -->
 
             <div v-if="inp_img" @drop.prevent="onDragFile" @dragover.prevent class="image_area" :class="{ crosshair_cur  : is_inpaint }"  style="height: calc(100% - 200px);  border-radius: 16px; padding:5px;">
-                <ImageCanvas ref="inp_img_canvas" :is_inpaint="is_inpaint" :image_source="inp_img"  :is_disabled="!stable_diffusion.is_input_avail" canvas_id="img2imgcan" canvas_d_id="img2imgcand" ></ImageCanvas>
+                <ImageCanvas ref="inp_img_canvas" :is_inpaint="is_inpaint" :image_source="inp_img"  :is_disabled="!stable_diffusion.is_input_avail" :stroke_size_no="stroke_size_no" canvas_id="img2imgcan" canvas_d_id="img2imgcand" ></ImageCanvas>
             </div>
                 <div v-else @drop.prevent="onDragFile" @dragover.prevent @click="open_input_image" class="image_area" :class="{ pointer_cursor  : is_sd_active }" style="height: calc(100% - 200px);  border-radius: 16px; padding:5px;">
                     <center>
@@ -20,6 +20,11 @@
             <div v-if="inp_img && stable_diffusion.is_input_avail" class="l_button" @click="inp_img =''">Clear</div>
             <div v-if="inp_img && stable_diffusion.is_input_avail && !is_inpaint" class="l_button" @click="is_inpaint = !is_inpaint ">Draw Mask</div>
             <div v-if="inp_img && stable_diffusion.is_input_avail && is_inpaint" class="l_button" @click="is_inpaint = !is_inpaint ">Remove Mask</div>
+            <div v-if="inp_img && stable_diffusion.is_input_avail && is_inpaint"   style="float:right ; margin-right: 10px" >
+                <input v-model="stroke_size_no" style="zoom:0.8; margin-top: 7px; width:100px" type="range"
+                        min="1" max="100" >                
+            </div>
+            <div v-if="inp_img && stable_diffusion.is_input_avail && is_inpaint"  class="l_button no_hover_bg" style="float:right ; margin-right: -5px; " > Stroke Size</div>
 
             <br> <br> 
             <textarea 
@@ -135,6 +140,7 @@ export default {
             img_w : 512 , 
             is_inpaint : false,
             guidence_scale : 7.5 , 
+            stroke_size_no : "30",
 
             is_negative_prompt_avail : false, 
             negative_prompt : "",