文章目錄

• 一、文本邊界坐標解析
• 二、繪圖位置

一、文本邊界坐標解析

---

在上一篇博客 【Android 應用開發】Canvas 精準繪制文字 ( 測量文本真實邊界 | 將文本中心點與給定中心點對齊 ) 中 , 簡要介紹了 Paint.getTextBounds() 函數獲取的 Rect 邊界 , 今天補充下精準的繪圖信息 ;

Rect 中獲取的坐標值示例 : left = 4 , top = -31 , right = 28 , bottom = 0 ;

上述坐標是相對于 下圖中的 (0, 0) 原點坐標系的值 ;

下圖中的原點位置 , 就是調用 Canvas 的 drawText 方法 , 傳入的 x 值和 基線值 ;

下圖中的 綠色矩形框是 Canvas 的繪圖區域 , 橙色矩形框是 Canvas 繪制的文本的實際區域 ;

繪圖區域 包含 文本實際占用區域 ;

上述的坐標值 , 是在如下坐標系的值 ;

left = 4 , top = -31 , right = 28 , bottom = 0 ;

left 值是 繪圖區域 最左側 距離 文本實際區域 的左側這段空隙的寬度 ;

right 值是 繪圖區域 最左側 距離 文本實際區域 的右側這段空隙的寬度 ;

可以得到 文本區域 的中心值 , 距離 繪圖區域 的值為 $\frac{\mathrm{l}\mathrm{e}\mathrm{f}\mathrm{t}+\mathrm{r}\mathrm{i}\mathrm{g}\mathrm{h}\mathrm{t}}{2}$ ;

top 值是 基線值 - 基線距離文本頂部的值 , 基線值是 0 , 一般都是負數 , 這里是 -31 ;

botttom 值是 基線距離文本底部值 - 基線值 , 基線值是 0 , 正數 , 負數 , 0 都有可能 , 這里是 0 ; 一般是正數或 0 , 負數不常見 ;

二、繪圖位置

---

使用 Canvas 的 drawText 方法繪制文字 , 傳入 ( x , y ) 坐標 , x 是繪制區域的左側 , y 是文本基線 , 繪制的位置如下 :

如果不是要求很精確的話 , 一定程度上可以理解為 傳入的值 左下角的位置 ;

如果要精準到像素級別 , 保證1個像素都不差 , 就要考慮到 繪圖區域 中 文本區域 的范圍 ;

進行精確的計算 ;

總結

以上是生活随笔為你收集整理的【Android 应用开发】Canvas 精准绘制文字 ( 文本边界坐标解析 | 绘图位置 )的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。