还原文本转曲

README.md

@@ -1,6 +1,7 @@
 # yft-design
 > 基于 Canvas 的开源版"创客贴"，使用 Vue3 + TypeScript + Fabric.js + Pinia + Element-Plus，支持 文字、图片、形状、线条、二维码 、条形码几种最常用的元素类型，每一种元素都拥有高度可编辑能力，缩略图显示，模板，支持导出json，svg, image文件。  
-<b>体验Demo：[https://yft.design](https://yft.design)</b>  
+<!-- <b>体验Demo：[https://yft.design](https://yft.design)</b>   -->
+<b>体验Demo：[https://dromara.org/yft-design](https://dromara.org/yft-design)</b>  
 <b>体验Demo：[https://more-strive.github.io/design/](https://more-strive.github.io/design/)</b>
 
 ![image](doc/background.gif)

src/main.ts

@@ -1,10 +1,8 @@
 import { createApp } from "vue"
 import { createPinia } from "pinia"
 import App from "./App.vue"
-// import ElementPlus from "element-plus"
 import "@/extension/index"
 
-// import "element-plus/theme-chalk/index.css"
 import "@icon-park/vue-next/styles/index.css"
 import "@/assets/style/global.scss"
 import "@/assets/style/font.scss"

src/utils/fonts.ts

@@ -35,4 +35,16 @@ export const getSupportFonts = (fontNames: SystemFont[]) => {
     }
     return getDotArray(arial).join('') !== getDotArray(item.value).join('')
   })
+}
+
+export async function loadFont(fontFamily: string) {
+  let font
+  try {
+    const fonts = await window.queryLocalFonts();
+    font = fonts.filter(item => item.family === fontFamily)[0]
+  } catch(e: any) {
+    console.log(`Cannot query fonts: ${e.message}`)
+  } finally {
+    return font
+  }
 }

src/views/Editor/CanvasRight/ElementStylePanel/TextboxStylePanel.vue

@@ -182,7 +182,7 @@ import { FontSizeLibs, LineHeightLibs, CharSpaceLibs } from '@/configs/texts'
 import { WEB_FONTS } from '@/configs/fonts'
 import { TextboxElement } from '@/types/canvas'
 import { FontGroupOption } from '@/types/elements'
-import { loadFont } from '@/utils/localFonts'
+import { loadFont } from '@/utils/fonts'
 import opentype from "opentype.js"
 import ElementPosition from '../Components/ElementPosition.vue'
 import ElementStroke from '../Components/ElementStroke.vue'
@@ -347,7 +347,8 @@ const handleElementCurve = async () => {
   // ElMessage
   let fontElement: opentype.Font | undefined
   if (WEB_FONTS.filter(item => item.value === hasFontFamily.value)[0]) {
-    fontElement = await opentype.load(`/src/assets/fonts/${hasFontFamily.value}.ttf`)
+    const fontURL = import.meta.env.MODE === 'production' ? `/assets/${hasFontFamily.value}.ttf` : `/src/assets/fonts/${hasFontFamily.value}.ttf`
+    fontElement = await opentype.load(fontURL)
   } else {
     const fontData = await loadFont(hasFontFamily.value)
     if (!fontData) return

src/worker/pdf.ts

@@ -2,7 +2,7 @@ import { CanvasElement, TextboxElement, ImageElement, Template } from '@/types/c
 import { ElementNames } from '@/types/elements'
 import { isBase64, getBase64Type, getLinkType } from '@/utils/common'
 import { PDFDocument, StandardFonts, rgb, PDFPage, PDFImage } from 'pdf-lib'
-import { loadFont } from '@/utils/localFonts'
+import { loadFont } from '@/utils/fonts'
 import { WEB_FONTS } from '@/configs/fonts'
 
 // self.addEventListener("message", handleMessage);