ウェブ技術で縦書きを含む画像を生成したい - mottox2 blog

ここ最近、Web技術を利用した画像生成に興味があります。本記事では、日本語における表現の一種である縦書きに焦点を当て、Web技術を使った縦書きを含む画像生成方法についての調査をまとめました。 > 現状の縦書き対応と問題点現状の縦書き対応と問題点 ウェブ上の縦書き対応は着実に進んできています。CSSでwriting-modeを使えば比較的容易に実現できます。しかし、HTMLから画像を生成する分野では話が違います。 HTML（Likeなもの）を使った画像生成で代表的な手法であるSatoriやhtml2canvasではどちらともwriting-modeをサポートしていないため、縦書きを含む画像を生成できません。 別アプローチのSVG foreignObjectを使った画像出力方法では、縦書きにはある程度対応できますが、カスタムフォントの埋め込みが難しいという課題があります。画像を作るからにはある