Function generateShapeData

src/common/shape.ts:34–101

* 生成形状数据 * @param shape 形状类型

(shape: ShapeType)

 * @param shape 形状类型
 */
function generateShapeData(shape: ShapeType): ShapeData {
  if (isString(shape)) {
    // 处理「圆形」和「三角形」
    if (shape === 'circle' || shape === 'triangle') {
      return { type: shape }
    }

    // 处理「星形」，默认五角星
    if (regExp.shapeStar.test(shape as string)) {
      const result = (shape as string).split(':')
      return {
        type: 'star',
        sides: Number(result[1]) || 5,
        dent: Number(result[2]) || 0.5,
      }
    }

    // 处理「Base64 格式」或「HTTP 地址图片」
    if (
      regExp.http.test(shape as string) ||
      regExp.imageBase64.test(shape as string)
    ) {
      const dataRef: ShapeData = {
        type: 'image',
        isImageLoaded: false,
      }

      loadImage(shape as string, (image) => {
        dataRef.isImageLoaded = true
        dataRef.source = image
      })

      return dataRef
    }

    // 提示错误
    // eslint-disable-next-line no-console
    console.warn(`Shape value of ${shape} is invalid.`)
  }

  try {
    // 处理 CanvasImageSource 类型
    if (
      shape instanceof HTMLImageElement ||
      shape instanceof HTMLVideoElement ||
      shape instanceof HTMLCanvasElement ||
      shape instanceof ImageBitmap ||
      shape instanceof OffscreenCanvas
    ) {
      return {
        type: 'image',
        isImageLoaded: true,
        source: shape,
      }
    }
  } catch (_err) {
    // eslint-disable-next-line no-console
    console.warn(