Miglioramento della visualizzazione del testo ruotato

Question

Ho il seguente codice che è adattato da un esempio online per la rotazione del testo. Il codice funziona bene in quanto ruota il testo all'angolo corretto, ma vorrei sapere se c'è un modo per migliorare la precisione e la nitidezza del testo ruotato. Sul mio display sembra che il testo ruotato sia "scalato" anziché liscio.

PFont f; 
String message = "abcdefghijklmnopqrstuvwxyz"; 
float theta, x; 

void setup() { 
    size(800, 200); 
    f = createFont("Arial",20,true); 
} 

void draw() { 
// background(255); 
    fill(0); 
    textFont(f); // Set the font 
    translate(x,height/2); // Translate to the center 
    rotate(theta);    // Rotate by theta 
    textAlign(LEFT);    
    text(message,0,0);    
    theta += 0.1;    // Increase rotation 
    x += textWidth(message); 
    if (x>800){noLoop(); } 
} 

Ho modificato l'esempio per aiutare a visualizzare la differenza. Nel nuovo codice ho cambiato il testo in una stringa di trattini bassi e disegnato anche una linea di riferimento in rosso. Se funziona lo stesso sulla tua macchina dovresti vedere uno scaglionamento nella linea nera creata dai trattini bassi.

String message = "________"; 
float theta, x; 
PFont f; 

void setup() { 
    size(800, 200); 
    f = loadFont("ArialMT-20.vlw"); 
    smooth(); 
} 

void draw() { 
    fill(0); 
    textFont(f); // Set the font 

    translate(x,height/2); // Translate to the center 
    rotate(theta);    // Rotate by theta 

    text(message,0,0); 

    stroke(255,0,0); 
    strokeWeight(2); 
    line(0,0,textWidth(message),0); 

    theta += 0.1;    // Increase rotation 
    x += textWidth(message); 
    if (x>800){noLoop(); } 
} 

Per me ha pronunciato la seguente uscita, ma so che questo sarà diverso se eseguito su un Mac:

Answer 1

Prova tweaking il RenderingHints:

• Set fractional metrics a on
• Set text antialiasing a on o un'impostazione sub-pixel che corrispondono alla visualizzazione
• Impostare stroke control a pure

Answer 2

Un modo per farlo è quello di tracciare il testo (non ruotato) in una BufferedImage, e poi ruotare l'immagine. Qualcosa del genere:

BufferedImage buff = getGraphicsConfiguration().createCompatibleImage(textWidth, textHeight); //create an image with the dimensions of the text 
Graphics2D g2d = buff.createGraphics(); 
g2d.drawString(yourText); //draw the text without transformations 
g2d.dispose(); 

//apply the rotation transform to g, the Graphics from your component 
g.drawImage(buff, textPosX, textPosY, null); //there you go