furyu-tei https://blog.hatena.ne.jp/furyu-tei/ 風柳メモ https://memo.furyutei.com/ SVGで、テキストの縦位置(baseline)を揃える処理を書こうとしてはまったので、覚え書き。 経緯 コピィ・ライターを作成していてふと、 「あれ？ 基本的にテキストを配置してバナーを作るものだし、SVGと相性良いんじゃ？ 設定ファイルを JSON で書き出しているところをちょっといじれば、SVG で書き出すこともできるようになるかも？」 と思い立ったので、処理を追加してみたところ、テキストの baseline を揃えるところで苦労したというもの。 そもそも、SVGをいじるのはこれが初めてなので、誤解をしているところはあるかも……変なところがあればご指摘願いたい。 どこではまったか？ 「え…… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmemo.furyutei.com%2Fentry%2F20150715%2F1436887890" title="SVGでテキストの縦位置(baseline)を調整する方法を調べてみた - 風柳メモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/f/furyu-tei/20150715/20150715001639.jpg Hatena Blog https://hatena.blog 2015-07-15 00:31:30 rich https://memo.furyutei.com/entry/20150715/1436887890 1.0 100%