javascript - javascript キャンバスをコンテンツに切り抜く

Question

HTML キャンバスのコンテンツのみをトリミングするにはどうすればよいですか?

キャンバスを塗りつぶすために使用strokeTextしているため、コンテンツのサイズを計算するのは困難です。キャンバスのすべてのピクセルを反復処理できますか、それとももっと良い方法がありますか?

ありがとう

Answer 1

パトリック、キャンバス内のピクセルを反復処理できます。この素晴らしいチートシートの「ピクセル操作」セクションを参照してください。

もちろん、テキストで何かを行うためだけにピクセルごとの分析を実行することは、オプションではありません。率直に言って、それは正気ではありません。したがってmeasureText、@RobotRock によって言及されています。ただし、私の経験では、measureText は場合によっては 100% 信頼できるわけではないことに注意してください。

API からのテキスト操作プロパティについても言及する価値があります:textAlignおよびtextBaseline. について尋ねるとmeasureText、実際には何らかの方法でテキストを揃えたいという確率が 50% を超えるためです )))

Answer 2

事前にmeasureTextを使用して、テキストが占めるスペースを確認します。それがあなたの質問に答えることを願っています。