zk-phi / MEGAMOJI

Create animoji easily
Other
321 stars 38 forks source link

空白がトリミングされないようにして欲しい #343

Closed FineArchs closed 11 months ago

FineArchs commented 1 year ago

現状だと、テキストでたとえば 絵文字 などと入力すると、左右の空白が除去されて絵文字として解釈されます。 左右の余白を調整するのに負のトリミングを指定するよりは空白を使うほうが直感的な場合もあるので、出来れば左右の空白は残しておいて欲しいです。

zk-phi commented 11 months ago

canvas の仕様上、描画されたテキストの幅を取得できないので、ピクセルのデータから直接算出する実装になっています。 https://github.com/zk-phi/MEGAMOJI/blob/d70606b78766956a110758c3b9bf02f10167f235/src/utils/canvas.ts#L53

空白が意図した空白なのかそうでないのか、判定できないため、スペースを残すことは難しいです。

それはそれとして、負のトリミングを設定するのは確かに直感的ではないので、パディングを設定する機能を実装しました。