当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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() 函数的xy 参数值相关的字母的显示特性。



可选的第二个参数可用于垂直对齐文本。 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()。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。