首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >处理3.3.7的textSize()的最大值

处理3.3.7的textSize()的最大值
EN

Stack Overflow用户
提问于 2018-12-19 13:14:02
回答 1查看 62关注 0票数 1

实际上,我正试图用Processing 3.3.7绘制一条大消息,但textSize()函数并没有像预期的那样工作。素描是空的。

代码语言:javascript
复制
void setup()
{
    size(600, 600);

    background(0);
    fill(#CC0000);

    textSize(150);
    text("Yeah!", width/2, height/2, 80, 80);
}

为什么?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-12-19 13:29:53

之所以会发生这种情况,是因为text的定义如下:

文本(str,x1,y1,x2,y2)

  • x1浮动:默认情况下,文本的x坐标,请参阅rectMode()获取更多信息。
  • y1浮动:默认情况下,文本的y坐标,请参阅rectMode()获取更多信息。
  • x2浮动:默认情况下,文本框的宽度,请参阅rectMode()获取更多信息
  • y2浮动:默认情况下,文本框的高度,请参阅rectMode()获取更多信息

您选择的文本框(80, 80)的宽度和高度太小,无法在字体大小150中显示文本,增加文本框的宽度和高度也会使更大的文本出现。

另外,如果您想对文本进行居中(width/2是绘图的x起点),您应该用textWidth的一半减去它,以补偿文本的大小。

为了补偿高度,需要“添加textAscent()和textDescent()值将给出行的总高度。”来源

代码语言:javascript
复制
text("Yeah!", width/2-textWidth("Yeah!")/2, 
        height/2-(textAscent() + textDescent())/2, 150, 150);
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53852019

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档