mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-15 09:48:14 +08:00
✨ 实现截图分享深渊数据,其他部分的截图分享待定
This commit is contained in:
30
src/utils/saveImg.ts
Normal file
30
src/utils/saveImg.ts
Normal file
@@ -0,0 +1,30 @@
|
||||
/**
|
||||
* @file utils saveImg.ts
|
||||
* @description 用于保存图片的工具模块
|
||||
* @author BTMuli <bt-muli@outlook.com>
|
||||
* @since Alpha v0.2.0
|
||||
*/
|
||||
|
||||
// tauri
|
||||
import { dialog, fs } from "@tauri-apps/api";
|
||||
|
||||
/**
|
||||
* @description 保存图片-canvas
|
||||
* @since Alpha v0.2.0
|
||||
* @param {HTMLCanvasElement} canvas - canvas元素
|
||||
* @param {string} filename - 文件名
|
||||
* @returns {Promise<void>} 无返回值
|
||||
*/
|
||||
export async function saveCanvasImg(canvas: HTMLCanvasElement, filename: string): Promise<void> {
|
||||
const buffer = new Uint8Array(atob(canvas.toDataURL("image/png").split(",")[1]).split("").map((item) => item.charCodeAt(0)));
|
||||
await dialog.save({
|
||||
defaultPath: filename,
|
||||
filters: [{ name: "图片", extensions: ["png"] }]
|
||||
}).then(async (res) => {
|
||||
if (res === null) return;
|
||||
await fs.writeBinaryFile({
|
||||
path: res,
|
||||
contents: buffer
|
||||
});
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user