當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文

Processing textAlign()用法及代碼示例


Processing, textAlign()用法介紹。

用法

  • textAlign(alignX)
  • textAlign(alignX, alignY)

參數

  • alignX (int) 水平對齊方式，LEFT、CENTER 或 RIGHT
  • alignY (int) 垂直對齊方式，TOP、BOTTOM、CENTER 或 BASELINE

返回

  • void

說明

設置繪圖文本的當前對齊方式。參數 LEFT、CENTER 和 RIGHT 設置與text() 函數的x 和y 參數值相關的字母的顯示特性。



可選的第二個參數可用於垂直對齊文本。 BASELINE 是默認值，如果不使用第二個參數，垂直對齊將重置為 BASELINE。 TOP 和 CENTER 參數很簡單。 BOTTOM 參數根據當前 textDescent() 偏移線。對於多行，最後一行將與底部對齊，之前的行顯示在其上方。



當使用帶有寬度和高度參數的text() 時，BASELINE 被忽略，並被視為 TOP。 (否則，默認情況下，文本將繪製在框外，因為 BASELINE 是默認設置。對於在矩形中繪製的文本，BASELINE 不是有用的繪製模式。)



垂直對齊基於 textAscent() 的值，許多字體沒有正確指定。可能需要使用 hack 並手動偏移幾個像素，以使偏移看起來正確。為了減少黑客攻擊，請使用一定百分比的textAscent() 或textDescent()，以便即使您更改字體大小，黑客也能正常工作。

例子

size(400, 400);
background(0);
textSize(64);
textAlign(RIGHT);
text("ABCD", 200, 120);
textAlign(CENTER);
text("EFGH", 200, 200);
textAlign(LEFT);
text("IJKL", 200, 280);
Image output for example 1
size(400, 400);
background(0);
stroke(153);
textSize(44);
textAlign(CENTER, BOTTOM);
line(0, 120, width, 120);
text("CENTER,BOTTOM", 200, 120);
textAlign(CENTER, CENTER);
line(0, 200, width, 200);
text("CENTER,CENTER", 200, 200);
textAlign(CENTER, TOP);
line(0, 280, width, 280);
text("CENTER,TOP", 200, 280);
Image output for example 2

相關用法


注：本文由純淨天空篩選整理自processing.org大神的英文原創作品 textAlign()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。