├── .gitignore ├── style.css ├── scripts ├── assets │ ├── circle.png │ ├── square.png │ ├── rounded.png │ ├── circle-zebra.png │ ├── gapped-square.png │ └── circle-zebra-vertical.png └── main.py ├── assets └── sd-webui-qrcode.png ├── install.py ├── README.md ├── javascript └── index.js └── LICENSE /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | #tab_lencx_qrcode_tab .dot-style-table img { 2 | width: 32px; 3 | height: 32px; 4 | } -------------------------------------------------------------------------------- /scripts/assets/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lencx/sd-webui-qrcode/HEAD/scripts/assets/circle.png -------------------------------------------------------------------------------- /scripts/assets/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lencx/sd-webui-qrcode/HEAD/scripts/assets/square.png -------------------------------------------------------------------------------- /assets/sd-webui-qrcode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lencx/sd-webui-qrcode/HEAD/assets/sd-webui-qrcode.png -------------------------------------------------------------------------------- /scripts/assets/rounded.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lencx/sd-webui-qrcode/HEAD/scripts/assets/rounded.png -------------------------------------------------------------------------------- /scripts/assets/circle-zebra.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lencx/sd-webui-qrcode/HEAD/scripts/assets/circle-zebra.png -------------------------------------------------------------------------------- /scripts/assets/gapped-square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lencx/sd-webui-qrcode/HEAD/scripts/assets/gapped-square.png -------------------------------------------------------------------------------- /scripts/assets/circle-zebra-vertical.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lencx/sd-webui-qrcode/HEAD/scripts/assets/circle-zebra-vertical.png -------------------------------------------------------------------------------- /install.py: -------------------------------------------------------------------------------- 1 | import launch 2 | 3 | if not launch.is_installed("qrcode"): 4 | launch.run_pip("install qrcode", "requirements for sd-webui-qrcode") -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # QR Code Generator 2 | 3 | Extension for AUTOMATIC1111's [Stable Diffusion web UI](https://github.com/AUTOMATIC1111/stable-diffusion-webui). 4 | 5 | ![SD WebUI QR Code](assets/sd-webui-qrcode.png) 6 | 7 | ## Usage 8 | 9 | 1. Begin by installing the [Stable Diffusion web UI](https://github.com/AUTOMATIC1111/stable-diffusion-webui). 10 | 2. Once installation is complete, navigate to the `Extensions` tab. 11 | 3. Within the `Extensions` tab, locate and open the `Install from URL` sub-tab. 12 | 4. In the provided field, input the following URL for the extension's Git repository: `https://github.com/lencx/sd-webui-qrcode.git`. 13 | 5. Click on the `Install` button. Post-installation, a message will appear stating, "Installed into `~/stable-diffusion-webui/extensions/sd-webui-qrcode`. Use the `Installed` tab to restart." 14 | 6. Navigate to the `Installed` tab and click on `Apply and restart UI` to initialize the changes. 15 | 7. For future upgrades, within the `Installed` tab, select the `Check for updates` button. Observe the `Update` column in the displayed table, and select the plugins that need an upgrade. To apply these updates, click on `Apply and restart UI`, finalizing the upgrade process. 16 | 17 | ## Sponsor 18 | 19 | You can choose a way to support my open source work. Thank you. 20 | 21 | Buy Me A Coffee 22 | 23 | ## 国内用户 24 | 25 | `AI 绘画交流群`：可关注公众号 「`浮之静`」，发送 `sd` 获取群二维码。 26 | 27 | 28 | -------------------------------------------------------------------------------- /javascript/index.js: -------------------------------------------------------------------------------- 1 | const grApp = gradioApp(); 2 | 3 | function clamp(num, min, max) { 4 | return Math.min(Math.max(num, min), max); 5 | } 6 | 7 | async function sendToControlNet(imgUrl, tabName, tabIndex) { 8 | const response = await fetch(imgUrl); 9 | const imageBlob = await response.blob(); 10 | const imageFile = new File([imageBlob], "image.png", { type: "image/png" }); 11 | const dataTransfer = new DataTransfer(); 12 | dataTransfer.items.add(imageFile); 13 | const fileList = dataTransfer.files; 14 | 15 | window[`switch_to_${tabName}`]?.(); 16 | 17 | const controlNetElement = grApp.querySelector(`#${tabName}_script_container #controlnet`); 18 | const accordionElement = controlNetElement.querySelector(":scope > .label-wrap"); 19 | if (!accordionElement.classList.contains("open")) { 20 | accordionElement.click(); 21 | } 22 | 23 | const tabsButton = controlNetElement.querySelectorAll("div.tab-nav > button"); 24 | if (tabsButton !== null && tabsButton.length > 1) { 25 | tabsButton[tabIndex].click(); 26 | } 27 | 28 | const fileInputs = controlNetElement.querySelectorAll("input[type='file']"); 29 | let fileInput = fileInputs[tabIndex * 2]; 30 | if (fileInput == null) { 31 | const callback = (observer) => { 32 | fileInput = controlNetElement.querySelector("input[type='file']"); 33 | if (fileInput == null) { 34 | return; 35 | } else { 36 | setImage(fileInput, fileList); 37 | observer.disconnect(); 38 | } 39 | }; 40 | const observer = new MutationObserver(callback); 41 | observer.observe(controlNetElement, { childList: true }); 42 | } else { 43 | setImage(fileInput, fileList); 44 | } 45 | } 46 | 47 | function setImage(input, fileList) { 48 | try { 49 | input.previousElementSibling?.previousElementSibling?.querySelector("button[aria-label='Clear']")?.click(); 50 | } catch (e) { 51 | console.error(e); 52 | } 53 | input.value = ''; 54 | input.files = fileList; 55 | const changeEvent = new Event('change', { bubbles: true, composed: true }); 56 | input.dispatchEvent(changeEvent); 57 | } -------------------------------------------------------------------------------- /scripts/main.py: -------------------------------------------------------------------------------- 1 | import os 2 | import io 3 | import base64 4 | import qrcode 5 | import gradio as gr 6 | 7 | from modules import script_callbacks, generation_parameters_copypaste, extensions 8 | from modules.shared import opts 9 | from qrcode.image.styledpil import StyledPilImage 10 | from PIL import Image 11 | 12 | controlnet_active = "sd-webui-controlnet" in [item.name for item in extensions.active()] 13 | 14 | def dot_style(style): 15 | if style == "Square": 16 | return qrcode.image.styles.moduledrawers.pil.SquareModuleDrawer() 17 | elif style == "Gapped Square": 18 | return qrcode.image.styles.moduledrawers.pil.GappedSquareModuleDrawer() 19 | elif style == "Circle": 20 | return qrcode.image.styles.moduledrawers.pil.CircleModuleDrawer() 21 | elif style == "Rounded": 22 | return qrcode.image.styles.moduledrawers.pil.RoundedModuleDrawer() 23 | elif style == "Circle Zebra": 24 | return qrcode.image.styles.moduledrawers.pil.HorizontalBarsDrawer() 25 | elif style == "Circle Zebra Vertical": 26 | return qrcode.image.styles.moduledrawers.pil.VerticalBarsDrawer() 27 | 28 | def error_correction_level(level): 29 | if level == "L": 30 | return qrcode.constants.ERROR_CORRECT_L 31 | elif level == "M": 32 | return qrcode.constants.ERROR_CORRECT_M 33 | elif level == "Q": 34 | return qrcode.constants.ERROR_CORRECT_Q 35 | elif level == "H": 36 | return qrcode.constants.ERROR_CORRECT_H 37 | 38 | def generate_qrcode(text, version, box_size, border, error_correction, qr_dot_style): 39 | qr = qrcode.QRCode( 40 | version=version, 41 | error_correction=error_correction_level(error_correction), 42 | border=border, 43 | box_size=box_size, 44 | ) 45 | qr.add_data(text) 46 | qr.make(fit=True) 47 | qrcode_make = qr.make_image( 48 | fill='black', 49 | back_color='white', 50 | module_drawer=dot_style(qr_dot_style), 51 | image_factory=StyledPilImage, 52 | ) 53 | out = io.BytesIO() 54 | qrcode_make.save(out, format='PNG') 55 | img = Image.open(out) 56 | 57 | return img 58 | 59 | def image_to_base64(img_path): 60 | with open(img_path, "rb") as img_file: 61 | return "data:image/png;base64," + base64.b64encode(img_file.read()).decode('utf-8') 62 | 63 | def on_ui_tabs(): 64 | with gr.Blocks(analytics_enabled=False) as ui: 65 | with gr.Row(): 66 | with gr.Column(): 67 | qr_text = gr.inputs.Textbox(lines=4, placeholder="Plain text or URL") 68 | generate_button = gr.Button("Generate", variant="primary") 69 | with gr.Tab("QR Code Parameter"): 70 | qr_version = gr.Slider(label="QR Version (version)", minimum=1, maximum=40, value=8, step=1) 71 | qr_box_size = gr.Slider(label="QR Box Size (box_size)", minimum=1, maximum=100, value=12, step=1) 72 | qr_border = gr.Slider(label="QR Border", minimum=0, maximum=100, value=4, step=1) 73 | qr_dot_style = gr.Radio(label="QR Code Styled", choices=["Square", "Gapped Square", "Circle", "Rounded", "Circle Zebra", "Circle Zebra Vertical"], value="Square") 74 | with gr.Row(): 75 | qr_error_correction = gr.Radio(label="QR Code Error Correction Level", choices=["L", "M", "Q", "H"], value="H") 76 | with gr.Accordion("QR Code Helper", open=False): 77 | gr.Markdown(""" 78 | ### QR Code Parameter 79 | 80 | - **Version**: The version of a QR code determines its size, i.e., the number of rows and columns. The version varies from 1 to 40, and each increment in the version results in an increase of 4 in the size of the QR code. 81 | - **Box Size**: This is the pixel size of an individual QR code unit when generating the QR code image. 82 | - **Border**: This is the width of the blank area around the QR code image, expressed in the number of QR code units. 83 | - The size of the QR code image is **(17 + 4 * version) * box_size** pixels. 84 | """) 85 | gr.Markdown("---") 86 | gr.Markdown(f""" 87 | ### QR Code Styled 88 | 89 | |Label|Styled|Label|Styled| 90 | |--|--|--|--| 91 | |Square|![]({image_to_base64(os.path.join(os.path.dirname(__file__), "assets/square.png"))})|Gapped Square|![]({image_to_base64(os.path.join(os.path.dirname(__file__), "assets/gapped-square.png"))})| 92 | |Circle|![]({image_to_base64(os.path.join(os.path.dirname(__file__), "assets/circle.png"))})|Rounded|![]({image_to_base64(os.path.join(os.path.dirname(__file__), "assets/rounded.png"))})| 93 | |Circle Zebra|![]({image_to_base64(os.path.join(os.path.dirname(__file__), "assets/circle-zebra.png"))})|Circle Zebra Vertical|![]({image_to_base64(os.path.join(os.path.dirname(__file__), "assets/circle-zebra-vertical.png"))})| 94 | """, elem_classes="dot-style-table") 95 | gr.Markdown("---") 96 | gr.Markdown(""" 97 | ### QR Code Error Correction Level 98 | 99 | - **L**: About 7% or less errors can be corrected. 100 | - **M**: About 15% or less errors can be corrected. 101 | - **Q**: About 25% or less errors can be corrected. 102 | - **H** (default): About 30% or less errors can be corrected. 103 | """) 104 | with gr.Column(): 105 | output = gr.Image(type="pil", elem_id="qrcode_output", interactive=False, show_label=False).style(height=480) 106 | with gr.Row(): 107 | send_to_buttons = generation_parameters_copypaste.create_buttons(["img2img", "inpaint", "extras"]) 108 | for tabname, button in send_to_buttons.items(): 109 | generation_parameters_copypaste.register_paste_params_button(generation_parameters_copypaste.ParamBinding(paste_button=button, tabname=tabname, source_image_component=output)) 110 | with gr.Row(visible=controlnet_active): 111 | send_controlnet_txt2img = gr.Button("Send to ControlNet (txt2img)") 112 | send_controlnet_img2img = gr.Button("Send to ControlNet (img2img)") 113 | control_net_max_models_num = opts.data.get('control_net_max_models_num', 1) 114 | send_controlnet_num = gr.Dropdown([str(i) for i in range(control_net_max_models_num)], label="ControlNet Unit", value="0", interactive=True, visible=(control_net_max_models_num > 1)) 115 | send_controlnet_txt2img.click(None, [output, send_controlnet_num], None, _js="(i, n) => {sendToControlNet(i, 'txt2img', n)}", show_progress=False) 116 | send_controlnet_img2img.click(None, [output, send_controlnet_num], None, _js="(i, n) => {sendToControlNet(i, 'img2img', n)}", show_progress=False) 117 | 118 | generate_button.click( 119 | fn=generate_qrcode, 120 | inputs=[qr_text, qr_version, qr_box_size, qr_border, qr_error_correction, qr_dot_style], 121 | outputs=[output], 122 | ) 123 | return [(ui, "QR Code", "lencx_qrcode_tab")] 124 | 125 | script_callbacks.on_ui_tabs(on_ui_tabs) -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | --------------------------------------------------------------------------------