From 2faffd62cff8a40f60b59794160c90de2a6e13c4 Mon Sep 17 00:00:00 2001
From: Tyh2001 <1469442737@qq.com>
Date: Thu, 28 Sep 2023 16:01:02 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=20books?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/fighting-design/_hooks/index.ts      |   1 -
 .../_hooks/use-canvas/index.ts                | 116 ------------------
 2 files changed, 117 deletions(-)
 delete mode 100644 packages/fighting-design/_hooks/use-canvas/index.ts

diff --git a/packages/fighting-design/_hooks/index.ts b/packages/fighting-design/_hooks/index.ts
index 02571c6528..9e41073eba 100644
--- a/packages/fighting-design/_hooks/index.ts
+++ b/packages/fighting-design/_hooks/index.ts
@@ -5,7 +5,6 @@ export * from './use-list'
 export * from './use-props'
 export * from './use-color'
 export * from './use-ripples'
-export * from './use-canvas'
 export * from './use-run'
 export * from './use-load-img'
 export * from './use-global'
diff --git a/packages/fighting-design/_hooks/use-canvas/index.ts b/packages/fighting-design/_hooks/use-canvas/index.ts
deleted file mode 100644
index 214ab549ec..0000000000
--- a/packages/fighting-design/_hooks/use-canvas/index.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-import { sizeChange } from '../../_utils'
-
-/**
- * 所需要的 props 参数对象类型接口
- *
- * @param { string } content 文字内容
- * @param { string } fontColor 文字颜色
- * @param { string } fontSize 文字大小
- * @param { number } width 图片宽度
- * @param { number } height 图片高度
- */
-export interface UseCanvasProps {
-  content: string
-  fontColor: string
-  fontSize: string | number
-  width: number
-  height: number
-}
-
-/**
- * useCanvas 返回值类型接口
- *
- * @param { Function } create 将 canvas 转换成 base64 图片格式
- */
-export interface UseCanvasReturn {
-  create: () => string
-}
-
-/**
- * 针对画板的方法封装
- *
- * @author Tyh2001 <https://github.com/Tyh2001>
- * @returns { Object }
- */
-export const useCanvas = (props: UseCanvasProps): UseCanvasReturn => {
-  /**
-   * 将 canvas 转换成 base64 图片格式
-   *
-   * @param { Object } props 需要传递到 参数
-   * @returns { string } base64 格式的图片
-   */
-  const create = (): string => {
-    /**
-     * 创建一个 canvas
-     *
-     * @see Canvas https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API
-     */
-    const canvas: HTMLCanvasElement = document.createElement('canvas')
-
-    /**
-     * 获取比例
-     *
-     * @see Window.devicePixelRatio https://developer.mozilla.org/zh-CN/docs/Web/API/Window/devicePixelRatio
-     */
-    const ratio: number = window.devicePixelRatio || 1
-
-    canvas.width = props.width * ratio
-    canvas.height = props.height * ratio
-    canvas.style.width = props.width + 'px'
-    canvas.style.height = props.height + 'px'
-
-    /**
-     * 新建一个二维渲染上下文
-     *
-     * @see HTMLCanvasElement.getContext() https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLCanvasElement/getContext
-     * @see CanvasRenderingContext2D https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D
-     */
-    const context: CanvasRenderingContext2D | null = canvas.getContext('2d')
-
-    if (context) {
-      /**
-       * 旋转角度
-       *
-       * @see CanvasRenderingContext2D.rotate() https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/rotate
-       */
-      context.rotate((-8 * Math.PI) / 100)
-      /**
-       * 当前字体样式的属性
-       *
-       * @see CanvasRenderingContext2D.font https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/font
-       */
-      context.font = `${sizeChange(props.fontSize)} serif`
-      /**
-       * 颜色和样式的属性
-       *
-       * @see CanvasRenderingContext2D.fillStyle https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/fillStyle
-       */
-      context.fillStyle = props.fontColor
-      /**
-       * 文本的对齐方式的属性
-       *
-       * @see CanvasRenderingContext2D.textAlign https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/textAlign
-       */
-      context.textAlign = 'left'
-      /**
-       * 当前文本基线的属性
-       *
-       * @see CanvasRenderingContext2D.textBaseline https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/textBaseline
-       */
-      context.textBaseline = 'middle'
-      /**
-       * @see CanvasRenderingContext2D.strokeText() https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/strokeText
-       */
-      context.strokeText(props.content, props.width / 20, props.height)
-    }
-
-    /**
-     * 返回一个包含图片展示的 data URI
-     *
-     * @see HTMLCanvasElement.toDataURL() https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLCanvasElement/toDataURL
-     */
-    return canvas.toDataURL('image/png')
-  }
-
-  return { create }
-}