基于ImageKnife库的图片加载框架封装

DevEco Studio 版本:DevEco Studio NEXT Developer Preview2
HarmonyOS API 版本:4.1.0(11)
ImageKnife 版本:"@ohos/imageknife": "3.0.0-rc.0"

基于 ImageKnife 库的图片加载框架封装

  • 显示本地图片
  • 显示网络图片
  • 支持图片圆角
  • 圆形头像和设置边框
  • 支持 SVG,Gif 格式(框架自动支持)
  • 自定义大小缩放和样式填充

关键代码 ImageLoader.ets封装如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
/*
* Copyright (c) 2022 Huawei Device Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

import { ImageKnifeComponent } from '@ohos/imageknife';

export interface ImageOption {
// 必须项
// 主图资源
loadSrc: string | PixelMap | Resource;
width: number;
height: number;

// 可选项
// 占位图
placeholderSrc?: PixelMap | Resource;

// 继承Image的能力,支持option传入objectFit设置图片缩放,
// 大图样式:objectFit为Contain时根据图片自适应高度
// 项目默认:objectFit为Cover时根据Image的容器大小缩放后居中裁剪
objectFit?: ImageFit
// 继承Image的能力,支持option传入border,设置边框,圆角
border?: BorderOptions
// priority? : taskpool.Priority = taskpool.Priority.LOW
//
// context?: common.UIAbilityContext;

customGetImage?: (context: Context, src: string | PixelMap | Resource) => Promise<ArrayBuffer | undefined>;
progressListener?: (progress: number) => void;

}

@Component
export struct ImageView {
option?: ImageOption

build() {
ImageKnifeComponent({
ImageKnifeOption: {
loadSrc: this.option?.loadSrc,
placeholderSrc: this.option?.placeholderSrc,
objectFit: this.option?.objectFit ?? ImageFit.Cover,
border: this.option?.border,
customGetImage: this.option?.customGetImage,
progressListener: this.option?.progressListener,
},
adaptiveWidth: this.option?.width,
adaptiveHeight: this.option?.height,
})
.width(this.option?.width)
.height(this.option?.height)
}
}

使用 Demo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
import { ImageView } from '@ohos/tool';

const url = 'https://www.openharmony.cn/_nuxt/img/logo.dcf95b3.png'
const url2 = 'https://file.atomgit.com/uploads/user/1704857786989_8994.jpeg' // 642*642

@Entry
@Component
struct ImageTest {
build() {
Scroll() {
Column() {
Text("显示本地图片")
.fontSize(24)
.fontWeight(FontWeight.Bold)
ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 100,
height: 100,
}
})
.backgroundColor(Color.Black)
.width(100).height(100).margin(20)

Text("显示网络图片")
.fontSize(24)
.fontWeight(FontWeight.Bold)
ImageView({
option: {
loadSrc: url2,
width: 100,
height: 100,
placeholderSrc: $r("app.media.app_icon"),
}
}).width(100).height(100).margin(20)

Text("图片圆角")
.fontSize(24)
.fontWeight(FontWeight.Bold)
Row() {
ImageView({
option: {
loadSrc: url2,
width: 100,
height: 100,
placeholderSrc: $r("app.media.app_icon"),
border: { radius: 8 }
}
}).width(100).height(100).margin(20)

ImageView({
option: {
loadSrc: url2,
width: 100,
height: 100,
placeholderSrc: $r("app.media.app_icon"),
border: {
radius: {
topLeft: 8,
topRight: 8,
},
},
}
}).width(100).height(100).margin(20)
}

Text("圆形头像和描边效果")
.fontSize(24)
.fontWeight(FontWeight.Bold)
ImageView({
option: {
loadSrc: url2,
width: 100,
height: 100,
placeholderSrc: $r("app.media.app_icon"),
border: {
radius: 50,
width: 2,
color: Color.Green,
style: BorderStyle.Solid
},
}
}).width(100).height(100).margin(20)

Text("自定义大小和填充样式:\n项目默认:ImageFit.Cover\n大图样式:ImageFit.Contain")
.fontSize(24)
.fontWeight(FontWeight.Bold)
Row() {
ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 100,
height: 100,
objectFit: ImageFit.Auto
}
}).width(100).height(100).margin(20)
.backgroundColor(Color.Black)

ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 100,
height: 100,
objectFit: ImageFit.Contain
}
}).width(100).height(100).margin(20)
.backgroundColor(Color.Black)
}

Row() {
ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 100,
height: 100,
objectFit: ImageFit.Cover
}
}).width(100).height(100).margin(20)
.backgroundColor(Color.Black)

ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 100,
height: 100,
objectFit: ImageFit.Fill
}
}).width(100).height(100).margin(20)
.backgroundColor(Color.Black)
}

Row() {
ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 50,
height: 50,
objectFit: ImageFit.Cover
}
}).width(100).height(100).margin(20)
.backgroundColor(Color.Black)

ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 50,
height: 50,
objectFit: ImageFit.Contain
}
}).width(100).height(100).margin(20)
.backgroundColor(Color.Black)
}

}.width('100%')
}.width('100%').height('100%').scrollBar(BarState.Off)
}
}

ArkTS中的typeof与instanceof使用说明

DevEco Studio 版本:DevEco Studio NEXT Developer Preview2
HarmonyOS API 版本:4.1.0(11)

ArkTS 中的 typeof 与 instanceof 使用说明

开发过程中遇到判断一个变量是否是 string 类型,先看下面一处代码:

1
2
3
4
5
6
7
let url: string | PixelMap | Resource | undefined = "xxx.xxx";
if ("string" == typeof url) {
// this is true.
}
if (url instanceof String) {
// this is false.
}

0x01 typeof

typeof 操作符用于检测基本数据类型(如:string, number, boolean, undefined, function, object 等),返回一个表示未定义变量类型的字符串。对于函数对象,它将返回“function”。对于 object 对象的具体类型(如 Array, Date 等)则无法判断。例如,对于数组,typeof 会返回“object”,无法区分是数组还是其他对象。需要注意的是,typeof对 null 返回的是“object”。

0x02 instanceof

instanceof操作符主要用于检测对象是否由特定的构造函数创建,因此可以用来判断对象的具体类型。例如,如果你有一个 Array 对象,你可以使用 instanceof 来检测它是否是一个数组:let arr = []; console.log(arr instanceof Array); // 输出:true。 instanceof 有一个限制,它只能用于对象,不能用于基本数据类型,而且它要求对象是通过构造函数创建的。对于不是通过构造函数创建的对象,instanceof 将返回 false。

0x03 总结

typeof 操作符用于检测基本数据类型,instanceof操作符用来判断 object 对象的具体类型。

相关文章

https://developer.baidu.com/article/detail.html?id=3318356

基于mmkv的Constant封装

DevEco Studio 版本:DevEco Studio NEXT Developer Preview2
HarmonyOS API 版本:4.1.0(11)
mmkv 版本:"@tencent/mmkv": "1.3.5"

基于 mmkv 的 Constant 封装

全局变量,支持 KV 直接保存到手机物理存储,使用超方便。

关键代码 Constant.ets封装如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
/*
* Copyright (c) 2022 Huawei Device Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

import { MMKV } from "@tencent/mmkv";

export default class Constant {
private static TAG = "Constant";
/**
* time millis distance between server time and local time.
*
* offsetTime = ${local.getTime() - server.getTime()}
*/
public static offsetTime: number = 0;
/**
* session id
*
* record local from server response session id.
*/
private static SESSION_ID = "SESSION_ID";

public static get st(): string {
return MMKV.defaultMMKV().decodeString(Constant.SESSION_ID) ?? "";
}

public static set st(value: string) {
if (value != null)
MMKV.defaultMMKV().encodeString(Constant.SESSION_ID, value);
}
}

基于axios和Promise的网络框架封装

DevEco Studio 版本:DevEco Studio NEXT Developer Preview2
HarmonyOS API 版本:4.1.0(11)
axios 版本:"@ohos/axios": "^2.2.0"

基于 axios 和 Promise 的网络框架封装

  • Get Post 方式支持
  • http 其他请求方式(method)支持
  • 接口 url 参数封装 和 全局的 baseUrl 设置
  • 超时时间设置
  • 全局 Headers,接口自定义 Headers 和 请求 headers 拦截器封装和实现
  • 请求 params 参数和 data 数据支持
  • post 支持 x-www-form-urlencoded 数据格式
  • 请求结果 Json 数据解析(框架已自动解析)
  • 请求结果流程控制,Promise 封装
  • 请求结果 header 数据解析,服务器时间戳和 session

关键代码 HttpUtil.ets封装如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
/*
* Copyright (c) 2022 Huawei Device Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

import axios, { AxiosError, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig, Method } from '@ohos/axios';

import ResponseResult from './ResponseResult';
import logger from '../util/Logger';
import { systemDateTime } from '@kit.BasicServicesKit';
import { HashMap } from '@kit.ArkTS';
import Constant from '../common/Constant';

const TAG: string = "HttpUtil"

const timeout = 20000 // 20s超时
const baseUrl = 'https://xxx.xxx.com'

export function httpDefaultSetting() {

// default settings
axios.defaults.baseURL = baseUrl;
axios.defaults.timeout = timeout;

// default headers
axios.defaults.headers.common['Client-Type'] = 'xxx';
axios.defaults.headers.common['Client-Version'] = '1.0.4';
axios.defaults.headers.common['Os'] = 'hmos';
axios.defaults.headers.common['Token'] = 'xxx';

// for post
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

// 添加请求拦截器
axios.interceptors.request.use((config: InternalAxiosRequestConfig) => {
return transRequest(config);
}, (error: AxiosError) => {
return Promise.reject(error);
});

// 添加响应拦截器
axios.interceptors.response.use((response: AxiosResponse) => {
return transResponse(response);
}, (error: AxiosError) => {
return Promise.reject(error);
});
}

/**
* 请在这里处理请求体的拦截器操作逻辑
*
*/
function transRequest(config: InternalAxiosRequestConfig): InternalAxiosRequestConfig {
try {
let millis = systemDateTime.getTime();
config.headers['t'] = millis - Constant.offsetTime; // 同步时间

// 增加验签逻辑
// 验签可以仅在需要的请求中增加验签,通过增加特定的header属性来区分
} finally {
return config;
}
}

/**
* 请在这里处理请求结果的拦截器操作逻辑
*
*/
function transResponse(response: AxiosResponse): AxiosResponse {
try {
let millis = systemDateTime.getTime();
if (lt != 0 && millis - lt < 60000) return response; // 可选,性能优化 1分钟内避免重复处理
lt = millis
let headers: HashMap<string, ESObject> = JSON.parse(JSON.stringify(response.headers));
let t: number = headers['servertimestamp'];
Constant.offsetTime = millis - t;
return response;
} catch (e) {
console.error(e)
return response;
}
}

let lt = 0

/**
* Initiates an HTTP request to a given URL.
*
* @param url URL for initiating an HTTP request.
* @param params Params for initiating an HTTP request.
*/
export function httpGet<D>(url: string, params?: ESObject, headers?: ESObject): Promise<D> {
logger.debug(TAG, "httpGet: ");
return new Promise<D>((resolve: Function, reject: Function) => {
let startTime = systemDateTime.getTime()
axios.get<ResponseResult, AxiosResponse<ResponseResult>, null>(url, {

headers: headers,

// 指定请求超时的毫秒数(0 表示无超时时间)
timeout: timeout, // 超时

// `connectTimeout` 指定请求连接服务器超时的毫秒数(0 表示无超时时间)
// 如果请求连接服务器超过 `connectTimeout` 的时间,请求将被中断
// connectTimeout: 60000, // 文档和代码不一致,代码中无法设置连接超时时间

params: params,
})
.then((response: AxiosResponse<ResponseResult>) => {
let duration = (systemDateTime.getTime() - startTime).toString()
logger.debug(TAG, "httpGet: Success. duration=" + duration);
logger.debug(TAG, "--------------------------------------");
logger.debug(TAG, "config=" + JSON.stringify(response.config));
logger.debug(TAG, "status=" + response.status);
// logger.debug(TAG, "statusText=" + response.statusText); // always empty??
logger.debug(TAG, "headers=" + JSON.stringify(response.headers));
logger.debug(TAG, "data=" + JSON.stringify(response.data));
logger.debug(TAG, "--------------------------------------");
if (isSuccess(response)) {
if (isResultSuccess(response.data)) {
resolve(response.data.data);
} else {
const e: Error = { name: `${response.data.code}`, message: `${response.data.msg}` }
reject(e);
}
} else {
const e: Error = { name: `${response.status}`, message: `${response.statusText}` }
reject(e);
}
})
.catch((reason: AxiosError) => {
logger.error(TAG, JSON.stringify(reason));
reject(reason)
})
});
}


function getRequestFormData(data?: ESObject): string | undefined {
if (data == undefined) return undefined;
let sb = new StringBuilder();
Object.keys(data).forEach((key: string) => {
sb.append(`${encodeURIComponent(key)}=${encodeURIComponent(data[key])}`)
})
const formData = sb.build('&');
logger.debug(TAG, "getRequestFormData: formData=" + formData);
return formData;
}

function buildPostRequestHeader(isFormUrlencoded: boolean, headers?: Record<ESObject, ESObject>): Record<ESObject, ESObject> {
if (headers != null) {
headers['Content-Type'] = isFormUrlencoded ? 'application/x-www-form-urlencoded' : 'application/json'
return headers
}
return {
'Content-Type': isFormUrlencoded ? 'application/x-www-form-urlencoded' : 'application/json',
}
}

/**
* Initiates an HTTP request to a given URL.
*
* @param url URL for initiating an HTTP request.
* @param params Params for initiating an HTTP request.
*/
// o: { [s: string]: ESObject }
export function httpPost<D>(url: string, isFormUrlencoded: boolean = true, data?: ESObject, params?: ESObject, headers?: ESObject): Promise<D> {
// logger.debug(TAG, "httpPost: ");
return new Promise<D>((resolve: Function, reject: Function) => {
let startTime = systemDateTime.getTime()


axios.post(url, isFormUrlencoded ? getRequestFormData(data) : data, {
headers: buildPostRequestHeader(isFormUrlencoded, headers),

// 指定请求超时的毫秒数(0 表示无超时时间)
timeout: timeout, // 超时

// `connectTimeout` 指定请求连接服务器超时的毫秒数(0 表示无超时时间)
// 如果请求连接服务器超过 `connectTimeout` 的时间,请求将被中断
// connectTimeout: 60000, // 文档和代码不一致,代码中无法设置连接超时时间

params: params,
})
.then((response: AxiosResponse<ResponseResult>) => {
let duration = (systemDateTime.getTime() - startTime).toString()
logger.debug(TAG, "httpPost: Success. duration=" + duration);
logger.debug(TAG, "--------------------------------------");
logger.debug(TAG, "config=" + JSON.stringify(response.config));
logger.debug(TAG, "status=" + response.status);
// logger.debug(TAG, "statusText=" + response.statusText); // always empty??
logger.debug(TAG, "headers=" + JSON.stringify(response.headers));
logger.debug(TAG, "data=" + JSON.stringify(response.data));
logger.debug(TAG, "--------------------------------------");
if (isSuccess(response)) {
if (isResultSuccess(response.data)) {
resolve(response.data.data);
} else {
const e: Error = { name: `${response.data.code}`, message: `${response.data.msg}` }
reject(e);
}
} else {
const e: Error = { name: `${response.status}`, message: `${response.statusText}` }
reject(e);
}
})
.catch((reason: AxiosError) => {
logger.error(TAG, JSON.stringify(reason));
reject(reason)
})
});
}

/**
* Initiates an HTTP request to a given URL.
*
* @param url URL for initiating an HTTP request.
* @param params Params for initiating an HTTP request.
*/
export function httpRequest<D>(url: string, method?: Method | string, data?: D, config?: AxiosRequestConfig<D>): Promise<ResponseResult> {
// logger.debug(TAG, "httpRequest: ");
return new Promise<ResponseResult>((resolve: Function, reject: Function) => {
let startTime = systemDateTime.getTime()
axios.request<ResponseResult, AxiosResponse<ResponseResult>, D>({
url: url,
method: method,
baseURL: baseUrl,
headers: config?.headers,

// 指定请求超时的毫秒数(0 表示无超时时间)
timeout: timeout, // 超时

// `connectTimeout` 指定请求连接服务器超时的毫秒数(0 表示无超时时间)
// 如果请求连接服务器超过 `connectTimeout` 的时间,请求将被中断
// connectTimeout: 60000, // 文档和代码不一致,代码中无法设置连接超时时间

params: config?.params,
data: data ?? config?.data
})
.then((response: AxiosResponse<ResponseResult>) => {
let duration = (systemDateTime.getTime() - startTime).toString()
logger.debug(TAG, "httpRequest: Success. duration=" + duration);
logger.debug(TAG, "--------------------------------------");
logger.debug(TAG, "config=" + JSON.stringify(response.config));
logger.debug(TAG, "status=" + response.status);
// logger.debug(TAG, "statusText=" + response.statusText); // always empty??
logger.debug(TAG, "headers=" + JSON.stringify(response.headers));
logger.debug(TAG, "data=" + JSON.stringify(response.data));
logger.debug(TAG, "--------------------------------------");
if (isSuccess(response)) {
if (isResultSuccess(response.data)) {
resolve(response.data.data);
} else {
const e: Error = { name: `${response.data.code}`, message: `${response.data.msg}` }
reject(e);
}
} else {
const e: Error = { name: `${response.status}`, message: `${response.statusText}` }
reject(e);
}
})
.catch((reason: AxiosError) => {
logger.error(TAG, JSON.stringify(reason));
reject(reason)
})
});
}

function isSuccess(response: AxiosResponse): boolean {
return response.status >= 200 && response.status < 300
}

function isResultSuccess(result: ResponseResult): boolean {
return result.code == 0
}

鸿蒙Next开启Wifi代理遇到的坑

鸿蒙 Next 开启 Wifi 代理遇到的坑

郑重申明:仅记录鸿蒙系统开发版挂代理遇到的坑

手机:华为 Mate60
OS 版本:HarmonyOS NEXT Developer Preview2

0x01 鸿蒙手机设置中没有安装证书入口

开发过程中需要挂 charles 代理,然后需要安装证书,但是设置中没有安装证书的入口。可以通过 hdc 命令打开隐藏的证书安装应用。

1
hdc shell aa start -a MainAbility -b com.ohos.certmanager

0x02 wifi 开启代理后,应用并没有走设置的代理

设置代理之后,关闭手机 wifi,然后重新打开 wifi,再启动应用就好了。

Windows 部署 AIGC 图片生成服务——基于 stable-diffusion

Windows 部署 AIGC 图片生成服务——基于 stable-diffusion

0x01 系统环境

Windows 10 专业版 64 位操作系统

11th Gen Intel(R) Core(TM) i7-11700 @ 2.50GHz (8 核)

Intel(R) UHD Graphics 750

0x02 安装 python3 和 git

Download and install
git
and
Python 3.10.6
(tick Add to PATH)

0x03 安装 pytorch

https://pytorch.org/get-started/locally/

由于当前 PC 的显卡不是英伟达,所以下载的 tarch 版本是 cup 版本

检测 pytorch 是否安装成功

1
2
python # 打开python环境
import torch

没有报异常即说明安装成功

0x04 安装 stable-diffusion-webui

https://github.com/AUTOMATIC1111/stable-diffusion-webui

由于当前 PC 的 CUP 和 GPU 都是 Intel,所以下载 openvino 版本

1
2
3
git clone https://github.com/openvinotoolkit/stable-diffusion-webui.git
cd stable-diffusion-webui
.\webui-user.bat # 这里会开始下载,并且安装需要的软件,等待完成

0x05 下载网络上已经训练好的 AI 模型

现在我们还需要一个训练好的 AI 模型来指导生成效果,在如下网站中可以下载到很多训练好的模型:

https://civitai.com/

选择一个感兴趣的模型,下载好的,将模型文件放入工程目录下的 models/Stable-diffusion 文件夹下面即可。

0x06 本地运行

下面可以尝试运行下此 Web 项目,在工程目录下执行:

1
.\webui-user.bat

执行完成后,在浏览器打开如下地址:

http://127.0.0.1:7860/

0x07 自定义 OpenVINO 脚本

https://github.com/openvinotoolkit/stable-diffusion-webui/wiki/Custom-Scripts#accelerate-with-openvino

选择自定义脚本 Accelerate with OpenVINO,按照文档配置相关参数。之后就可体验 stable-diffusion 生成图片了。

Good Luck.

参考链接:

https://huishao.cc/2023/07/30/478Mac%E9%83%A8%E7%BD%B2AIGC%E5%9B%BE%E7%89%87%E7%94%9F%E6%88%90%E6%9C%8D%E5%8A%A1%E2%80%94%E2%80%94%E5%9F%BA%E4%BA%8Estable-diffusion/

Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×