优化

cool/hooks/page.ts

@@ -93,37 +93,6 @@ class Page {
 
 		return h;
 	}
-
-	/**
-	 * 获取视图高度
-	 * @returns 视图高度
-	 */
-	getViewHeight() {
-		// #ifndef APP
-		return uni.getWindowInfo().windowHeight;
-		// #endif
-
-		// #ifdef APP
-		const { screenHeight } = uni.getWindowInfo();
-
-		let h = screenHeight;
-
-		if (!this.hasCustomTopbar()) {
-			h -= 44 + this.getSafeAreaHeight("top");
-		}
-
-		return h;
-		// #endif
-	}
-
-	/**
-	 * 获取视图宽度
-	 * @returns 视图宽度
-	 */
-	getViewWidth() {
-		const { screenWidth } = uni.getWindowInfo();
-		return screenWidth;
-	}
 }
 
 export const page = new Page();

cool/utils/file.ts

@@ -1,20 +1,14 @@
 import { base64ToBlob, uuid } from "./comm";
 
-export type CanvasToPngOptions = {
-	canvasId: string;
-	proxy?: ComponentPublicInstance;
-	canvasRef: UniElement;
-};
-
 /**
  * 将canvas转换为png图片
  * @param options 转换参数
  * @returns 图片路径
  */
-export function canvasToPng(options: CanvasToPngOptions): Promise<string> {
+export function canvasToPng(canvasRef: UniElement): Promise<string> {
 	return new Promise((resolve) => {
 		// #ifdef APP
-		options.canvasRef.parentElement!.takeSnapshot({
+		canvasRef.parentElement!.takeSnapshot({
 			success(res) {
 				resolve(res.tempFilePath);
 			},
@@ -28,9 +22,7 @@ export function canvasToPng(options: CanvasToPngOptions): Promise<string> {
 		// #ifdef H5
 		const url = URL.createObjectURL(
 			base64ToBlob(
-				(options.canvasRef as unknown as HTMLCanvasElement)
-					.querySelector("canvas")
-					?.toDataURL("image/png", 1) ?? ""
+				(canvasRef as unknown as HTMLCanvasElement)?.toDataURL("image/png", 1) ?? ""
 			)
 		);
 
@@ -39,34 +31,35 @@ export function canvasToPng(options: CanvasToPngOptions): Promise<string> {
 
 		// #ifdef MP
 		uni.createCanvasContextAsync({
-			id: options.canvasId,
-			component: options.proxy,
+			id: canvasRef.id,
+			component: canvasRef.$vm,
 			success(context) {
 				// 获取2D绘图上下文
 				const ctx = context.getContext("2d")!;
+
+				// 获取canvas对象
 				const canvas = ctx.canvas;
 
 				// 将canvas转换为base64格式的PNG图片数据
 				const data = canvas.toDataURL("image/png", 1);
-				// 获取base64数据部分(去掉data:image/png;base64,前缀)
-				const bdataBase64 = data.split(",")[1];
 
 				// 获取文件系统管理器
 				const fileMg = uni.getFileSystemManager();
+
 				// 生成临时文件路径
 				// @ts-ignore
 				const filepath = `${wx.env.USER_DATA_PATH}/${uuid()}.png`;
+
 				// 将base64数据写入文件
 				fileMg.writeFile({
 					filePath: filepath,
-					data: bdataBase64,
+					data: data.split(",")[1],
 					encoding: "base64",
 					success() {
-						// 写入成功返回文件路径
 						resolve(filepath);
 					},
-					fail() {
-						// 写入失败返回空字符串
+					fail(err) {
+						console.error(err);
 						resolve("");
 					}
 				});