タグ

2025年1月31日のブックマーク (1件)

  • Vercel Satori で縁取りを付ける | Wangel

    ※Pull request がマージされたので、下のようなことをしなくても縁取りを付けることができるようになった。 HTMLCSSSVG 画像に変換する Vercel 製ライブラリ、Satori でテキストに縁取りを付ける。というおはなし。 SVG はテキストの縁取りに対応しているものの、Satori は対応していない。というのが現状。 解決方法 const svg = await satori(/* HTML */, { /* まあなんやかんや設定がありまして */ embedFont: false }); まずは Satori のオプションで embedFont を false に設定して、テキストをパスとして書き出すのではなく、SVG の <text> 要素を使用してテキストを書き出すようにする。 SVG 画像の文字列から、特定の文字列を検索対象として置換する。 const

    Vercel Satori で縁取りを付ける | Wangel
    ki_sz
    ki_sz 2025/01/31
    ありがとうございます!!!