文字間隔のオプションを追加した

[I-Otsuki]

概要

こういう感じに字詰めを調整したり重ねたりできるようにしました。

気になってる点

• 既存の関数の引数の並びのど真ん中に項目足しちゃってます
  • 画面の並びと一致を取ってるだけなのでこだわりはないです
• 以下の理由で、短命なコードだと思ってます
  • Chromium系以外では動作しないっぽいです
  • CSSにpxの付いたDOMStringで喰わせてますが、textLetterSpacingがブラウザ側で実装されればdouble値としてctx.textLetterSpacing = letterSpacing;すればいいということになるっぽい

[zk-phi]

ありがとうございます！

canvas を body 以下に追加したときの副作用が他にあるか (letter-spacing 以外に引き継ぐスタイルがある？) などが自信ないのと、別件で複数のパーツを自由にレイアウトできるとちょっと楽しそうだなと思っていて、それが実現できれば同様の絵文字を作って遊べそうなので、ちょっと保留させてくださいmm

[I-Otsuki]

ありがとうございます！複数パーツ配置気になる、楽しみにしてます！

[I-Otsuki]

ウワッ！「なんか支離滅裂なことを書いた気がする」と思って見に来たら本当に支離滅裂なことを書いている！すみません！

レビューありがとうございます。
確かにbodyに一時的に追加した状態でのレンダリングはbody側で持ってるスタイルを継承する可能性を考慮できてませんでした。
仮に現段階で影響がなかったとしてもUI側のスタイル変更等でレンダリング内容が影響を受ける可能性があるのは危険ですね。
やはりtextLetterSpacing待ち……。ある程度実装されたころに覚えてたらまた投げます。

それはそれとして複数パーツ配置は楽しみにしておりますので何卒🙏