[Processing]在画布上写文本

• 准备工作
  • 这一步只是我强迫症犯了哈，这个随意，画几根线而已。每一小格10个像素，中格50，大格100像素

  • void setup()
    {
      size(1280,720);
    }
    
    void draw()
    {
      background(0,0,0);
      //translate(width/2,height/2);
      Aix(1,50,width,height,40);
      Aix(2,100,width,height,60);
      Aix(1,10,5,5,100);
      Aix(2,50,7,7,100);
      stroke(150);
      strokeWeight(3);
      line(-width,0, width,0);
      line(0,-height, 0,height);
      
      DrawText();
    }
    
    float weight = 3;
    float del = 100;
    float lonW = 10;
    float lonH = 10;
    void Aix(float w,float d,float lw,float lh,float st)
    {
      weight = w;
      del = d;
      lonW = lw;
      lonH = lh;
      stroke(st);
      strokeWeight(weight);
      for(int i = 0;i <= width;i+=del)
      {
        line(i,-lonH, i,lonH);
      }
      for(int i = 0;i >= -width;i-=del)
      {
        line(i,-lonH, i,lonH);
      }
      for(int i = 0;i <= height;i+=del)
      {
        line(-lonW,i, lonW,i);
      }
      for(int i = 0;i >= -height;i-=del)
      {
        line(-lonW,i, lonW,i);
      }
    }
    
    void DrawText()
    {
      
    }

    

• 打印文字

  • text(String str,float x,float y[,float z]);//在某位置显示文本,默认为白色的文本,可用 fill() 方法填充颜色
    text(char[] chars,int start,int end,float x,float y[,float z]);
    text(String str,float x1,float y1,float x2,float y2);//在两个点决定的矩形内显示字符串
    text(float num,float x,float y[,float z]);

    void DrawText()
    {
      String str = "Hello World";
      text(str,50,50);
    }

    

  • 默认文字是白色的，所以如果一开始背景是浅色的话回看不清楚，这一点要注意。可用用 fill(); 方法改变颜色
• 字体大小

• void DrawText()
  {
    String str = "Hello World";
    
    textSize(50);//修改字体大小
    text(str,50,50);
  }

  

• 对其方式
  • textAlign(h[,o]); 其中，h表示水平对齐方式，o表示垂直对齐方式，可填入宏
    • h
      • RIGHT 右对齐
      • CENTER
      • LEFT
    • o
      • TOP
      • CENTER
      • BOTTOM
      • BASELINE 基线对齐

  • void DrawText()
    {
      String str = "Hello World";
      
      noFill();
      stroke(#E0A000);
      rect(0,0, 500,300);//画矩形
      
      textSize(50);
      textAlign(RIGHT,BOTTOM);//右下对齐
      text(str,0,0, 500,300);//在一个矩形内显示
    }

    

• 设置行高

  • void DrawText()
    {
      String str = "Hello World
    World Hello";
      
      noFill();
      stroke(#E0A000);
      rect(0,0, 500,300);
      
      textSize(20);
      textLeading(20);
      text(str,0,0, 500,300);
      textLeading(40);
      text(str,150,0, 500,300);
      textLeading(80);
      text(str,300,0, 500,300);
    }

    

• 文本宽度

  • void DrawText()
    {
      String str = "Hello World
    World Hello";
      
      noFill();
      stroke(#E0A000);
      rect(0,0, 500,300);
      
      textSize(20);
      textLeading(20);
      text(str,0,0, 500,300);
      
       //画一个框把一行文字框起来
      stroke(#FFFFCC);
      line(0,0, textWidth(str),0);//用到了获取字符串宽度的方法 textWidth()
      line(0,20, textWidth(str),20);
      
      stroke(#EECCEE);
      line(0,0, 0,20);
      line(textWidth(str),0, textWidth(str),20);
    }