3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Canvas#drawTextの落とし穴

Last updated at Posted at 2018-09-28

あ…ありのまま今日起こったことを話すぜ!

AndroidのCanvasを使って画像やらカメラのプレビューに別の画像やらテキストを乗せるって言うのをやってたんだけど、
変なハマり方をして30分位悩んだのでここに備忘録として残しておく。

現象としては、Canvas#drawBitmapでは想定したとおり画像が表示されるのだが、
Canvas#drawTextではテキストが表示されないという事象が発生した。
ちょうどこんな感じである。
Screenshot_1538150860.png
ちなみにこれ、
canvas.drawBitmap(bmp, 0f, 0f, paint) canvas.drawText(str, 0f, 0f, paint)
として、両方共(0, 0)に描画している。

原因

上の画像をよく見ると画面の左上にうっすらと黒いものが見切れているのに気づく。
この見切れに気づかなくて悩んでたんだけど、どうやら画像とテキストで原点の位置が違うということに気づいた。
画像は左上、テキストは左下が原点なのだと。

対策

じゃあテキストの高さ分だけY座標に足したらええやんってことで以下のように修正
val rect = Rect() paint.getTextBounds(str, 0, str.length, rect) canvas.drawText(str, 0f, rect.height().toFloat(), paint)
これで無事テキストも表示できるようになりましたとさ。
Screenshot_1538151669.png

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?