Vic Lin的沙龍

jsPDF中文亂碼

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的美股投資分享

11/20 NVDA財報前Preview, 財報前股價波動走勢觀察

11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從

#美股 #美股投資 #投資理財

維持皮膚健康與活力｜6款超人氣保濕、舒緩敏感化妝水評比

Hi 大家好，我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。曾經，我的保養程序簡單到只包括清潔和隨意上乳液

#保養 #產品 #分享

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的美股投資分享

11/20 NVDA財報前Preview, 財報前股價波動走勢觀察

11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從

#美股 #美股投資 #投資理財

維持皮膚健康與活力｜6款超人氣保濕、舒緩敏感化妝水評比

Hi 大家好，我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。曾經，我的保養程序簡單到只包括清潔和隨意上乳液

#保養 #產品 #分享

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 #昂升之地 #昂出之地