Vic Lin的沙龍

jsPDF中文亂碼

Vic Lin

2021/12/13閱讀時間約 1 分鐘

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

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

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

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

為什麼會看到廣告

Vic Lin的沙龍

21會員

161內容數

留言0

查看全部

發表第一個留言支持創作者！

Vic Lin的沙龍的其他內容

Laravel collection delete column

假設有一包資料如下: 想把某個欄位拿掉，可以用forget: $data = $data->map(function($item) { 　　return collect($item)->forget('show_order'); }); 本筆記參考: 1. https://stackoverf

Laravel collection after sortBy array issue

在Laravel collection sortBy之後發現原本的array格式在資料回傳後居然變成json格式，以下依序描述問題與解法: 有一包data如下: $data = collect($data); 現在sortBy show_order欄位後，結果如下: $data = collect

Laravel collection collapse

假設有個collection data如下圖上方資料，使用->collapse()後結果即為下圖下方資料，等於是把array的values整理成一包array (combine multiple arrays into one): 本筆記參考: 1. https://stackoverflow.

CSS 偽元素 before/after

source code: E 提供兩個範例，其實before, after就如同字面上的意思，會在前後加上內容。範例1簡單的在前後加上文字，如下所示，需特別注意，是在div內的範例1前後加上文字。 before/after除了可以加上文字以外，還可以作為裝飾效果。如範例2，利用position調

#CSS #before #after

網頁使用微軟正黑體bug

最近遇到客戶姓名中有"碧"這個字，發現後面會多一格空白: google了一下，改成用font-face的解法，發現碧後面還是會有一點點空格: 既然這是微軟正黑體粗體的bug，就直接把粗體改掉吧，font-weight設為500，就正常了，或者是換別的字型也是一種解法。本筆記參考: 1.

匯出docker中的mysql 資料

把指定DB的SQL檔案匯出到local: $ docker exec {CONTAINER} /usr/bin/mysqldump -u root --password=xxx {DATABASE} > backup.sql 只匯出db結構 add -d: $ docker exec {CONTAI

Laravel collection delete column

假設有一包資料如下: 想把某個欄位拿掉，可以用forget: $data = $data->map(function($item) { 　　return collect($item)->forget('show_order'); }); 本筆記參考: 1. https://stackoverf

Laravel collection after sortBy array issue

在Laravel collection sortBy之後發現原本的array格式在資料回傳後居然變成json格式，以下依序描述問題與解法: 有一包data如下: $data = collect($data); 現在sortBy show_order欄位後，結果如下: $data = collect

Laravel collection collapse

假設有個collection data如下圖上方資料，使用->collapse()後結果即為下圖下方資料，等於是把array的values整理成一包array (combine multiple arrays into one): 本筆記參考: 1. https://stackoverflow.

CSS 偽元素 before/after

source code: E 提供兩個範例，其實before, after就如同字面上的意思，會在前後加上內容。範例1簡單的在前後加上文字，如下所示，需特別注意，是在div內的範例1前後加上文字。 before/after除了可以加上文字以外，還可以作為裝飾效果。如範例2，利用position調

#CSS #before #after

網頁使用微軟正黑體bug

最近遇到客戶姓名中有"碧"這個字，發現後面會多一格空白: google了一下，改成用font-face的解法，發現碧後面還是會有一點點空格: 既然這是微軟正黑體粗體的bug，就直接把粗體改掉吧，font-weight設為500，就正常了，或者是換別的字型也是一種解法。本筆記參考: 1.

匯出docker中的mysql 資料

把指定DB的SQL檔案匯出到local: $ docker exec {CONTAINER} /usr/bin/mysqldump -u root --password=xxx {DATABASE} > backup.sql 只匯出db結構 add -d: $ docker exec {CONTAI

你可能也想看

Google News 追蹤

方格子 vocus 官方沙龍

「天天秋嗨嗨」：vocus 秋季徵文，五大主題 & 獎品登場！

這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～

#天天秋嗨嗨 #秋季旅遊 #秋季穿搭

MimiVsJames的美股投資分享

美國大選『終局之戰』（Endgame）即將展開，美股將迎來新世紀？（上篇：模型推導寶座花落誰家？）

美國總統大選只剩下三天，我們觀察一整週民調與金融市場的變化（包含賭局），到本週五下午3:00前為止，誰是美國總統幾乎大概可以猜到60-70%的機率，本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變

#美股 #美國大選 #投資理財

矮袋鼠律師的沙龍

如果這個世界有神，那祂一定姓李名相赫｜矮袋鼠律師

Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位王多多的點評「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...

#Faker #電競 #運動

Taylor Swfit - illicit affairs 禁忌之戀中文歌詞翻譯

And you wanna scream / 且你想放聲怒吼

#TaylorSwift #泰勒絲 #歌詞翻譯

台灣紙性戀集散地．中文集中處的沙龍

紙性戀相關中文網路資料彙整（不定期更新）

台灣紙性戀集散地〈紙性戀檔案〉〈紙性戀小卡〉〈紙性戀大傘〉廖希文 SH Liao （2023）。〈紙性戀宣言：其置身處境、政治可能性、批判性抵抗〉（2023）。〈關於紙性戀及其研究的說明：〈紙性戀處境及其悖論〉發表與「動漫遊台灣」研討會後心得〉（含研討會論文全文）（2023

#紙性戀 #ACG #LGBT

瘋人院院長的沙龍

【學中文】含筆順的生字練習簿 - 自學中文好幫手

在台灣很方便可以買到生字練習簿，可以協助小孩練習寫中文生字，但是在加拿大當然就沒那麼方便，這邊推薦一個教育部的國宇標準宇體筆順學習網，不僅可以產生生字練習簿，還可以產生中文筆順，相當地方便。

#中文 #加拿大學中文 #自學中文

⏳熵妮的沙龍☆

📚正文與練習手冊併行

《正文》中所提供的理論基礎，是《練習手冊》中不可或缺的架構，它賦予了每個練習的意義。然而，你必須親自操練這些練習，才可能達到本課程的目標。沒有經過鍛煉的心靈是無法成就任何事情的。這本《練習手冊》的目的，即是遵循《正文》的要旨來訓練你的心靈如何思考。

#心靈 #奇蹟課程 #練習手冊

怪獸科技公司✖️沙龍

【怪獸雙週快報#17】中文訓練AI的天生劣勢、怪獸超有料的沙龍大升級！我的人生就是我的事業、三年後，你的工作還在嗎？

怪獸科技公司✖️沙龍整合了《怪獸科技公司》兩季精彩內容，還有當前熱播中、即將在 vocus 沙龍登場的〈怪獸的科技人生藍圖〉！想走在時代尖端，培養在變化快速社會的超強適應力？讓《怪獸科技✖️商業人文》、《怪獸科技✖️人生職涯》還有《怪獸雙週快報》用趨勢觀察、商業思維、管理策略帶你飛！

#怪獸 #科技 #人生

pxCode Team的沙龍

中文總教學 2：pxCode 編輯概念

在 pxCode 裡，我們也建議應用相同的概念 —— 在切版前先進行一輪的【思考切版】。當有了結構概念之後，再動手執行，會更有效率！

#pxCode #切版 #響應式網頁設計

pxCode Team的沙龍

中文總教學 1：pxCode 是什麼？

在 pxCode 裡，我們支援 Sketch 和 Figma。導入設計稿進行編輯之後，就會自動產生 HTML 和 CSS 的程式碼。

#pxcode #html #css

外語自學大丈夫！語感王私藏祕笈

中文的深奧詞「掌握」、「把握」和日文哪裡不一樣？

你知道同樣都是使用漢字的民族，中文的「掌握」和日文的「掌握」意思不完全一樣嗎？此外中文的「把握」和日本人講的「把握」其實根本不一樣，怎麼會這樣呢？

#日文 #口語 #翻譯

羅聖爾的沙龍 / LS. Salon / LSSL

Asia 與「昂升之地；昂出之地；昂洲」(即意通中文漢字「亞洲」或「亞細亞」) 的轉換密碼

完整標題：Asia 與「昂升之地」或「昂出之地」或「昂洲」即意指「日升之地」或「日出之地」或引申爲「東方之地」即意通中文漢字「亞洲」或「亞細亞」的轉換密碼

#Asia #昂升之地 #昂出之地

方格子 vocus 官方沙龍

「天天秋嗨嗨」：vocus 秋季徵文，五大主題 & 獎品登場！

這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～

#天天秋嗨嗨 #秋季旅遊 #秋季穿搭

MimiVsJames的美股投資分享

美國大選『終局之戰』（Endgame）即將展開，美股將迎來新世紀？（上篇：模型推導寶座花落誰家？）

美國總統大選只剩下三天，我們觀察一整週民調與金融市場的變化（包含賭局），到本週五下午3:00前為止，誰是美國總統幾乎大概可以猜到60-70%的機率，本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變

#美股 #美國大選 #投資理財

矮袋鼠律師的沙龍

如果這個世界有神，那祂一定姓李名相赫｜矮袋鼠律師

Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位王多多的點評「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...

#Faker #電競 #運動

Taylor Swfit - illicit affairs 禁忌之戀中文歌詞翻譯

And you wanna scream / 且你想放聲怒吼

#TaylorSwift #泰勒絲 #歌詞翻譯

台灣紙性戀集散地．中文集中處的沙龍

紙性戀相關中文網路資料彙整（不定期更新）

台灣紙性戀集散地〈紙性戀檔案〉〈紙性戀小卡〉〈紙性戀大傘〉廖希文 SH Liao （2023）。〈紙性戀宣言：其置身處境、政治可能性、批判性抵抗〉（2023）。〈關於紙性戀及其研究的說明：〈紙性戀處境及其悖論〉發表與「動漫遊台灣」研討會後心得〉（含研討會論文全文）（2023

#紙性戀 #ACG #LGBT

瘋人院院長的沙龍

【學中文】含筆順的生字練習簿 - 自學中文好幫手

在台灣很方便可以買到生字練習簿，可以協助小孩練習寫中文生字，但是在加拿大當然就沒那麼方便，這邊推薦一個教育部的國宇標準宇體筆順學習網，不僅可以產生生字練習簿，還可以產生中文筆順，相當地方便。

#中文 #加拿大學中文 #自學中文

⏳熵妮的沙龍☆

📚正文與練習手冊併行

《正文》中所提供的理論基礎，是《練習手冊》中不可或缺的架構，它賦予了每個練習的意義。然而，你必須親自操練這些練習，才可能達到本課程的目標。沒有經過鍛煉的心靈是無法成就任何事情的。這本《練習手冊》的目的，即是遵循《正文》的要旨來訓練你的心靈如何思考。

#心靈 #奇蹟課程 #練習手冊

怪獸科技公司✖️沙龍

【怪獸雙週快報#17】中文訓練AI的天生劣勢、怪獸超有料的沙龍大升級！我的人生就是我的事業、三年後，你的工作還在嗎？

怪獸科技公司✖️沙龍整合了《怪獸科技公司》兩季精彩內容，還有當前熱播中、即將在 vocus 沙龍登場的〈怪獸的科技人生藍圖〉！想走在時代尖端，培養在變化快速社會的超強適應力？讓《怪獸科技✖️商業人文》、《怪獸科技✖️人生職涯》還有《怪獸雙週快報》用趨勢觀察、商業思維、管理策略帶你飛！

#怪獸 #科技 #人生

pxCode Team的沙龍

中文總教學 2：pxCode 編輯概念

在 pxCode 裡，我們也建議應用相同的概念 —— 在切版前先進行一輪的【思考切版】。當有了結構概念之後，再動手執行，會更有效率！

#pxCode #切版 #響應式網頁設計

pxCode Team的沙龍

中文總教學 1：pxCode 是什麼？

在 pxCode 裡，我們支援 Sketch 和 Figma。導入設計稿進行編輯之後，就會自動產生 HTML 和 CSS 的程式碼。

#pxcode #html #css

外語自學大丈夫！語感王私藏祕笈

中文的深奧詞「掌握」、「把握」和日文哪裡不一樣？

你知道同樣都是使用漢字的民族，中文的「掌握」和日文的「掌握」意思不完全一樣嗎？此外中文的「把握」和日本人講的「把握」其實根本不一樣，怎麼會這樣呢？

#日文 #口語 #翻譯

羅聖爾的沙龍 / LS. Salon / LSSL

Asia 與「昂升之地；昂出之地；昂洲」(即意通中文漢字「亞洲」或「亞細亞」) 的轉換密碼

完整標題：Asia 與「昂升之地」或「昂出之地」或「昂洲」即意指「日升之地」或「日出之地」或引申爲「東方之地」即意通中文漢字「亞洲」或「亞細亞」的轉換密碼

#Asia #昂升之地 #昂出之地