控制处理中的顺序(HTML和处理以不同的顺序显示项目！)

我的问题是关于Processing上显示的项目顺序。当我执行处理时，它显示矩形上方的文本，但是当我使用HTML显示相同的processing.pde文件时，它显示矩形后面的文本！我想知道是否有人能在这件事上帮助我，或者告诉我如何更改处理中的项目顺序。非常感谢。(不幸的是，我无法发布图片，因为我的声誉很低。(

PFont f;
void setup() 
{
size(300, 300, P3D);
f = createFont("Arial",16,true); // Arial, 16 point, anti-aliasing on
textFont(f,11);
rectMode(CENTER);  
}
void draw() 
{ 
  pushMatrix();
  stroke(255);
  fill(255);
  rect(80, 150, 100, 30);
  fill(0);
  text ("TesT", 80, 138);
  popMatrix();
}

运行该程序的HTML代码是：

<html>
    <head>
    <link type="text/css" rel="stylesheet" href="stylesheet2.css"/>
    <script src="processing.js"> </script>
    <script src="processing.min.js"> </script>
    </head>
    <body>
  <canvas data-processing-sources="rectangle/rectangle.pde"></canvas>
</body>

</html>

text(data, x, y, z)将其用于代码

正如我所说，你可以通过增加P3D中的Z位置来向前移动你的文本，现在你添加的文本在0 Z位置，你的矩形在30，所以从逻辑上讲，它会出现在前面。

问候Jose

相关内容

最新更新

热门标签：