​​React​Canvas API,CSS Font Loading API,Playwright,TypeScript

Thumbnail of post image 077

選んだ画像に文字を重ねて、そのまま PNG で保存する仕組みを React で作りました。canvas に文字を描く設定、縁取りの描き方、長い文の折り返し、Webフォントを読み込み終わってから描く理由を、検証環境で確かめています。

カテゴリー