jsPDF中文亂碼

更新 發佈閱讀 1 分鐘

解決方法其實就是載入中文字型:

1. 到jsPDF的repo可以看到有fontconverter資料夾,裡面有fontconverter.html,選擇ttf字型檔,這邊以微軟正黑體為例:

raw-image

2. 上一步會生成msjh-normal.js,在程式中要import(這邊是React),接著設定這個字型,L4是新增的text的字型設定,L12是table字型設定:


本筆記參考:
1. https://www.twblogs.net/a/5d768909bd9eee5327ff9f87
2. https://github.com/parallax/jsPDF


留言
avatar-img
留言分享你的想法!
avatar-img
Vic Lin的沙龍
20會員
161內容數
Vic Lin的沙龍的其他內容
2023/08/13
父元件 傳遞方法使用@ <template>    ...    <Login @modalClose="modalClose"/> ... </template> <script setup>     const _modal = ref();     function m
2023/08/13
父元件 傳遞方法使用@ <template>    ...    <Login @modalClose="modalClose"/> ... </template> <script setup>     const _modal = ref();     function m
2023/03/25
前情提要 由於我的筆電已經用了10年,無法再戰下去了,且有預算考量,加上使用電腦幾乎都是定點,只有偶爾回家的時候會需要攜帶,因此最終選擇了迷你電腦,體積小不占空間,又方便攜帶,剛好符合我的需求。 菜單 由於這台無法裝獨顯,所以CPU的部分選擇 AMD R5 3400G(含Vega 11內
Thumbnail
2023/03/25
前情提要 由於我的筆電已經用了10年,無法再戰下去了,且有預算考量,加上使用電腦幾乎都是定點,只有偶爾回家的時候會需要攜帶,因此最終選擇了迷你電腦,體積小不占空間,又方便攜帶,剛好符合我的需求。 菜單 由於這台無法裝獨顯,所以CPU的部分選擇 AMD R5 3400G(含Vega 11內
Thumbnail
2023/03/10
Nuxt3中可使用useFetch來獲取數據,不須再引用axios,相當方便: 本筆記參考: https://juejin.cn/post/7104071421160063012 https://juejin.cn/post/7086472647575339045
2023/03/10
Nuxt3中可使用useFetch來獲取數據,不須再引用axios,相當方便: 本筆記參考: https://juejin.cn/post/7104071421160063012 https://juejin.cn/post/7086472647575339045
看更多
你可能也想看
Thumbnail
蝦皮分潤計畫讓我在分享旅遊文章時,也能透過推薦好物累積被動收入,貼補旅行基金。這篇文章,除了介紹計畫的操作亮點與心得,也分享我最常應用的案例:「旅行必備小物 TOP5」,包含行李鎖、免洗內衣褲、分裝瓶、折疊衣架與真空壓縮袋,幫助出國打包更輕鬆。想同時記錄旅行、分享好物又創造額外收入的你,千萬別錯過!
Thumbnail
蝦皮分潤計畫讓我在分享旅遊文章時,也能透過推薦好物累積被動收入,貼補旅行基金。這篇文章,除了介紹計畫的操作亮點與心得,也分享我最常應用的案例:「旅行必備小物 TOP5」,包含行李鎖、免洗內衣褲、分裝瓶、折疊衣架與真空壓縮袋,幫助出國打包更輕鬆。想同時記錄旅行、分享好物又創造額外收入的你,千萬別錯過!
Thumbnail
想增加被動收入?加入蝦皮分潤計畫是輕鬆上手的好方法!本文提供完整教學,包含申請流程、賺取分潤技巧,以及實際使用心得分享,助你輕鬆獲得額外收入。
Thumbnail
想增加被動收入?加入蝦皮分潤計畫是輕鬆上手的好方法!本文提供完整教學,包含申請流程、賺取分潤技巧,以及實際使用心得分享,助你輕鬆獲得額外收入。
Thumbnail
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
「你是否覺得電腦的那些固定字體已經看膩了呢?」 「你是否覺得每次電腦只能用黑體、標楷體或是新細明體呢?」 那麼今天要來介紹一下,如何在網路上安裝其他的字體,以及介紹幾種安裝字體的網站唷~
Thumbnail
「你是否覺得電腦的那些固定字體已經看膩了呢?」 「你是否覺得每次電腦只能用黑體、標楷體或是新細明體呢?」 那麼今天要來介紹一下,如何在網路上安裝其他的字體,以及介紹幾種安裝字體的網站唷~
Thumbnail
解決方法其實就是載入中文字型: 1. 到jsPDF的repo可以看到有fontconverter資料夾,裡面有fontconverter.html,選擇ttf字型檔,這邊以微軟正黑體為例: 2. 上一步會生成msjh-normal.js,在程式中要import(這邊是React),接著設定這個字型
Thumbnail
解決方法其實就是載入中文字型: 1. 到jsPDF的repo可以看到有fontconverter資料夾,裡面有fontconverter.html,選擇ttf字型檔,這邊以微軟正黑體為例: 2. 上一步會生成msjh-normal.js,在程式中要import(這邊是React),接著設定這個字型
Thumbnail
推薦一個免費可商用字型:全瀨體 https://cjkfonts.io/blog/cjkfonts_allseto
Thumbnail
推薦一個免費可商用字型:全瀨體 https://cjkfonts.io/blog/cjkfonts_allseto
Thumbnail
最近遇到客戶姓名中有"碧"這個字,發現後面會多一格空白: google了一下,改成用font-face的解法,發現碧後面還是會有一點點空格: 既然這是微軟正黑體粗體的bug,就直接把粗體改掉吧,font-weight設為500,就正常了,或者是換別的字型也是一種解法。 本筆記參考: 1.
Thumbnail
最近遇到客戶姓名中有"碧"這個字,發現後面會多一格空白: google了一下,改成用font-face的解法,發現碧後面還是會有一點點空格: 既然這是微軟正黑體粗體的bug,就直接把粗體改掉吧,font-weight設為500,就正常了,或者是換別的字型也是一種解法。 本筆記參考: 1.
Thumbnail
01-選擇器寫法 圖片來源:自己擷取電腦螢幕 1.可以下.main .img .hot span   控制到a 下面的兩個span 也可以省略成下 .hot span  只要整個html不容易相撞到相同的class就可以 2.也可以下.hot .title  就單純控制span class="t
Thumbnail
01-選擇器寫法 圖片來源:自己擷取電腦螢幕 1.可以下.main .img .hot span   控制到a 下面的兩個span 也可以省略成下 .hot span  只要整個html不容易相撞到相同的class就可以 2.也可以下.hot .title  就單純控制span class="t
Thumbnail
可以更改幫助說明的字體大小,並且讓對齊方式居中,訊息可以在角落顯示。
Thumbnail
可以更改幫助說明的字體大小,並且讓對齊方式居中,訊息可以在角落顯示。
Thumbnail
顯示文章時可以一時變更使用的字體。
Thumbnail
顯示文章時可以一時變更使用的字體。
Thumbnail
更改存檔、讀檔畫面使其簡潔。
Thumbnail
更改存檔、讀檔畫面使其簡潔。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News