0

私はこの単純なコードを持っています：http：//codepen.io/hypertornado/pen/rIbsHここで、キャンバスに描かれた2行のテキストです。キャンバスの上部の境界線と最初の行の最初の文字（█）の間に空きスペースがあり、各行の最初の文字の間に空きスペースがないのはどうしてですか？

canvas = window.document.getElementById("canvas")
context = canvas.getContext('2d')
context.fillStyle = "rgba(100,150, 0,1)"
context.textBaseline = 'alphabetic'
context.font = "30px Arial"
context.fillText("█hello", 0, 30)
context.fillText("█hello", 0, 60)

MacOSXのGoogleChromeでテスト済み。

4

1 に答える 1

1

textBaseline を下に変更してみてください

context.textBaseline = 'bottom'

詳細はこちら:

https://developer.mozilla.org/en/docs/Drawing_text_using_a_canvas

于 2012-11-15T22:44:38.937 に答える