Skip to content

A
AI绘图

黛琳ghz / AI绘图
与 Fork 源项目一致

Fork自 冯丙见 / AI绘图

通知 1
Star 0
Fork 0
A
AI绘图
提交 d6d4ca57 编写于 作者: 6 622aa39c1f9b166ab1a38c05
浏览文件
操作

Wed Jul 5 07:23:00 UTC 2023 inscode

上级 ddd84422
显示空白变更内容
内联 并排
Showing with 32 addition and 10 deletion
src/App.vue
浏览文件 @ d6d4ca57
...@@ -52,8 +52,8 @@ ...@@ -52,8 +52,8 @@
<div class="flex flex-row-reverse"> <div class="flex flex-row-reverse">
<t-image class="rounded-lg" v-if="config.user_img" :src="config.user_img" fit="cover" <t-image class="rounded-lg" v-if="config.user_img" :src="config.user_img" fit="cover"
:style="{ width: '40px', height: '40px' }"></t-image> :style="{ width: '40px', height: '40px' }"></t-image>
<div class="bg-green-400 text-gray-700 p-4 mx-2 w-fit max-w-2xl 2xl:max-w-4xl rounded-lg cursor-pointer" @click="copyAsPrompt(item.message)"> <div class="bg-green-400 text-gray-700 p-4 mx-2 w-fit max-w-2xl 2xl:max-w-4xl rounded-lg cursor-pointer" @click="copyAsPrompt(item.message)" v-html="item.message">
{{ item.message }}
</div> </div>
</div> </div>
...@@ -85,10 +85,18 @@ ...@@ -85,10 +85,18 @@
</div> </div>
</div> </div>
<div class="w-full absolute bottom-0 bg-slate-100 h-22 py-2 px-2 rounded flex flex-col"> <div class="w-full absolute bottom-0 bg-slate-100 h-22 py-2 px-2 rounded flex flex-col text-sm">
<div class="w-full h-10 flex"> <div class="w-full h-10 flex">
<input v-model="prompt" class="flex-auto ring-0 outline-0 pl-2 bg-slate-200 h-10" v-on:keyup.enter="query" placeholder="提示词" /> <input v-model="prompt" class="flex-auto ring-0 outline-0 pl-2 bg-slate-200 h-10" v-on:keyup.enter="query" placeholder="提示词" />
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
@click="showMoreSetting=!showMoreSetting"
class="w-6 mx-2 ml-4 mt-2 h-6 flex-none text-cyan-800 font-bold hover:text-cyan-600 cursor-pointer">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" stroke="currentColor"
class="w-6 mx-2 ml-4 mt-2 h-6 flex-none text-cyan-800 font-bold hover:text-cyan-600 cursor-pointer" class="w-6 mx-2 ml-4 mt-2 h-6 flex-none text-cyan-800 font-bold hover:text-cyan-600 cursor-pointer"
...@@ -96,9 +104,12 @@ ...@@ -96,9 +104,12 @@
<path stroke-linecap="round" stroke-linejoin="round" <path stroke-linecap="round" stroke-linejoin="round"
d="M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5" /> d="M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5" />
</svg> </svg>
</div> </div>
<div class="w-full h-10 mt-2 pr-12 flex gap-2"> <div class="w-full h-10 mt-2 flex gap-2" v-if="showMoreSetting">
<input v-model="prompt" class="flex-auto ring-0 outline-0 pl-2 bg-slate-200 h-10" v-on:keyup.enter="query" placeholder="逆向提示词" /> <input v-model="negative_prompt" class="flex-auto ring-0 outline-0 pl-2 bg-slate-200 h-10" v-on:keyup.enter="query" placeholder="逆向提示词" />
<div class="flex-none w-40 ring-0 outline-0 pl-2 h-10 flex justify-between"> <div class="flex-none w-40 ring-0 outline-0 pl-2 h-10 flex justify-between">
<input v-model="width" class="ring-0 outline-0 pl-2 bg-slate-200 h-10 w-16" placeholder="width"/> <input v-model="width" class="ring-0 outline-0 pl-2 bg-slate-200 h-10 w-16" placeholder="width"/>
<span class="h-10 leading-10">*</span> <span class="h-10 leading-10">*</span>
...@@ -155,6 +166,7 @@ export default { ...@@ -155,6 +166,7 @@ export default {
user_img: "", user_img: "",
robot_img: "", robot_img: "",
user_call_name: "xxx", user_call_name: "xxx",
width: 512,
// api_url: 'https://inscode-ide.node.inscode.run:8000/v1', // api_url: 'https://inscode-ide.node.inscode.run:8000/v1',
// index_url: 'http://127.0.0.1:8000/search', // index_url: 'http://127.0.0.1:8000/search',
// index_name: 'datasea', // index_name: 'datasea',
...@@ -175,6 +187,9 @@ export default { ...@@ -175,6 +187,9 @@ export default {
height: 512, height: 512,
steps: 20, steps: 20,
sampler: 'DPM++ SDE Karras', sampler: 'DPM++ SDE Karras',
showMoreSetting: false,
default_prompt: '1girl, (ulzzang-6500:0.7), kpop idol, yae miko, detached sleeves, bare shoulders, pink hair, long hair, cleavage,japanese clothes,breast,best quality, (painting:1.5), (hair ornament:1.35), jewelry, purple eyes, earrings, breasts, torii, cherry blossoms, lantern light, depth of field, detailed face, face focus, ribbon_trim, (looking at viewer:1.25), nontraditional miko, shiny skin, long sleeves, smile, thick lips, game cg, east asian architecture, (blurry background:1.2), sitting, upper body <lora:YaeMiko_Test:0.45>,<lora:mix4:0.5>',
negative_prompt: 'bright lantern, brightness, (nipples:1.2), pussy, EasyNegative, (worst quality:2), (low quality:2), (normal quality:2), lowres, normal quality, ((monochrome)), ((grayscale)), skin spots, acnes, skin blemishes, age spot, glans,extra fingers, fewer fingers, strange fingers, bad hand, bare thighs,hand,bad finger',
} }
}, },
methods: { methods: {
...@@ -270,16 +285,23 @@ export default { ...@@ -270,16 +285,23 @@ export default {
"user": "AI", "message": '', img: null, viewMode: 'image' "user": "AI", "message": '', img: null, viewMode: 'image'
} }
const query = this.prompt const query = this.prompt
const negative_prompt = this.negative_prompt
const _this = this const _this = this
const messages = this.message const messages = this.message
messages.push({ "user": "User", "message": this.prompt }) messages.push({ "user": "User", "message": 'prompt: <br/>' + this.prompt + (negative_prompt ? '<br/>' + 'negative_prompt: </br>' + negative_prompt : '') })
messages.push(currentMsg) messages.push(currentMsg)
this.loading = true this.loading = true
this.prompt = '' // this.prompt = ''
this.scrollBottom() this.scrollBottom()
SDApi.draw(this.config, query).then(res => { const config = JSON.parse(JSON.stringify(this.config))
config.width = this.width
config.height = this.height
config.steps = this.steps
config.sampler = this.sampler
SDApi.draw(config, query, negative_prompt).then(res => {
_this.loading = false _this.loading = false
_this.saveHistory() _this.saveHistory()
......
src/js/sd.js
浏览文件 @ d6d4ca57
import axios from "axios"; import axios from "axios";
export default { export default {
draw (config, prompt) { draw (config, prompt, negative_prompt) {
return new Promise(function(resolve,rejcet){ return new Promise(function(resolve,rejcet){
const data = { const data = {
prompt: prompt, prompt: prompt,
steps: config?.steps??20, steps: config?.steps??20,
negative_prompt: config?.negative_prompt??'nsfw bright lantern, brightness, (nipples:1.2), pussy, EasyNegative, (worst quality:2), (low quality:2), (normal quality:2), lowres, normal quality, ((monochrome)), ((grayscale)), skin spots, acnes, skin blemishes, age spot, glans,extra fingers, fewer fingers, strange fingers, bad hand, bare thighs,hand,bad finger', negative_prompt: negative_prompt??'nsfw',
width: config?.width??512, width: config?.width??512,
height: config?.height??512, height: config?.height??512,
cfg_scale: config?.cfg_scale??6, cfg_scale: config?.cfg_scale??6,
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或