3 |
100 |
101 |
102 |
111 |
112 |
468 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import 'uno.css'
2 | import './reset.css'
3 | import './style.css'
4 |
5 | import { createApp } from 'vue'
6 | import Root from './components/Root.vue'
7 | import ElementPlus from 'element-plus'
8 | import 'element-plus/dist/index.css'
9 |
10 | const app = createApp(Root);
11 |
12 | app.use(ElementPlus)
13 | app.mount('#app')
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/src/reset.css:
--------------------------------------------------------------------------------
1 | /* http://meyerweb.com/eric/tools/css/reset/
2 | v2.0 | 20110126
3 | License: none (public domain)
4 | */
5 |
6 | html, body, div, span, applet, object, iframe,
7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8 | a, abbr, acronym, address, big, cite, code,
9 | del, dfn, em, img, ins, kbd, q, s, samp,
10 | small, strike, strong, sub, sup, tt, var,
11 | b, u, i, center,
12 | dl, dt, dd, ol, ul, li,
13 | fieldset, form, label, legend,
14 | table, caption, tbody, tfoot, thead, tr, th, td,
15 | article, aside, canvas, details, embed,
16 | figure, figcaption, footer, header, hgroup,
17 | menu, nav, output, ruby, section, summary,
18 | time, mark, audio, video {
19 | margin: 0;
20 | padding: 0;
21 | border: 0;
22 | font-size: 100%;
23 | font: inherit;
24 | vertical-align: baseline;
25 | }
26 | /* HTML5 display-role reset for older browsers */
27 | article, aside, details, figcaption, figure,
28 | footer, header, hgroup, menu, nav, section {
29 | display: block;
30 | }
31 | body {
32 | line-height: 1;
33 | }
34 | ol, ul {
35 | list-style: none;
36 | }
37 | blockquote, q {
38 | quotes: none;
39 | }
40 | blockquote:before, blockquote:after,
41 | q:before, q:after {
42 | content: '';
43 | content: none;
44 | }
45 | table {
46 | border-collapse: collapse;
47 | border-spacing: 0;
48 | }
--------------------------------------------------------------------------------
/src/style.css:
--------------------------------------------------------------------------------
1 | :root {
2 | background-color: floralwhite;
3 | font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
4 | Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
5 | }
6 |
7 | input,
8 | button,
9 | select,
10 | textarea,
11 | optgroup,
12 | option {
13 | font-family: inherit;
14 | font-size: inherit;
15 | font-style: inherit;
16 | font-weight: inherit;
17 | }
18 |
--------------------------------------------------------------------------------
/src/utils.ts:
--------------------------------------------------------------------------------
1 | import pako from 'pako';
2 |
3 | class DataReader {
4 |
5 | data: number[]
6 | index: number
7 |
8 | constructor(data) {
9 | this.data = data;
10 | this.index = 0;
11 | }
12 |
13 | readBit() {
14 | return this.data[this.index++];
15 | }
16 |
17 | readNBits(n) {
18 | let bits: number[] = [];
19 | for (let i = 0; i < n; i++) {
20 | bits.push(this.readBit());
21 | }
22 | return bits;
23 | }
24 |
25 | readByte() {
26 | let byte = 0;
27 | for (let i = 0; i < 8; i++) {
28 | byte |= this.readBit() << (7 - i);
29 | }
30 | return byte;
31 | }
32 |
33 | readNBytes(n) {
34 | let bytes: number[] = [];
35 | for (let i = 0; i < n; i++) {
36 | bytes.push(this.readByte());
37 | }
38 | return bytes;
39 | }
40 |
41 | readInt32() {
42 | let bytes = this.readNBytes(4);
43 | return new DataView(new Uint8Array(bytes).buffer).getInt32(0, false);
44 | }
45 | }
46 |
47 | export const asyncFileReaderAsDataURL = (file: File): PromiseStable Diffusion 法术解析
4 |5 | 从 Stable Diffusion 生成的图片读取 prompt / Stable Diffusion 模型解析 6 |
7 |
8 |
12 |
13 |
9 | ![]()
10 |
11 |
14 |
15 |
18 |
19 |
20 | 拖动文件到这里或者点击选择文件
17 |
21 |
57 |
58 |
22 |
44 |
45 | 图片信息
23 |
26 |
27 | {{ item.key }}
28 |
36 |
41 |
42 |
43 |
27 | {{ item.key }}
28 |
30 |
31 |
35 |
36 | 38 | {{ item.value }} 39 |
40 |
46 |
56 | EXIF
47 |
50 |
55 | {{ item.key }}
51 |52 | {{ item.value.description }} 53 |
54 |
59 |
78 |
79 |
60 |
74 | 模型信息
61 |
64 |
73 | 65 | {{ item.k }} 66 |
67 |69 | {{ item.v }} 70 |
71 |
75 | 图文详解！最全模型用法
76 |
77 | 80 | *运算完全在你的设备上运行不会上传到云端 81 |
82 |
83 | 如果您觉得本项目对您有帮助 请在 →
84 | GitHub
86 | ←上点个star
87 |
88 | 89 | Made with ❤️ by 90 | @Akegarasu 91 | | 92 | 秋葉aaaki 93 | | 94 | NovelAI.Dev 95 | | 96 | Build: {{ commitHash }} 97 | 98 |
99 | 88 | 89 | Made with ❤️ by 90 | @Akegarasu 91 | | 92 | 秋葉aaaki 93 | | 94 | NovelAI.Dev 95 | | 96 | Build: {{ commitHash }} 97 | 98 |