Font rendering quality

A discussion forum for FXGraphics2D (adds a Java2D API to the JavaFX Canvas).

Font rendering quality

Postby squint » Tue Jul 08, 2014 4:04 pm

Hi and thanks for making FXGraphics2D, it's really great!

I'm using AWT's TextLayout#draw to draw into a FXGraphics2D.

However, the result is not very good - a long way from when I draw text directly with JavaFX.

Anything I can do to improve rendering quality?

Thanks!
squint
 
Posts: 1
Joined: Tue Jul 08, 2014 4:02 pm

Re: Font rendering quality

Postby david.gilbert » Thu Jul 17, 2014 2:52 pm

Hmm, I see this too. I'm not aware of a way to improve this, but I'll see if I can find anything.
David Gilbert
JFreeChart Project Leader

:idea: Read my blog
:idea: Ask your company to buy the JFreeChart Developer Guide
:idea: Check out other products sold by my company Object Refinery Limited
david.gilbert
JFreeChart Project Leader
 
Posts: 11620
Joined: Fri Mar 14, 2003 10:29 am

Re: Font rendering quality

Postby david.gilbert » Wed Jul 30, 2014 2:49 pm

One thing I've found is that it is important to call getGraphicsContext2D().clearRect(0, 0, width, height) each time the canvas is redrawn. This clears the drawing queue, and improves the text quality for me (it seems as though the same string was being drawn over and over which makes it look bad). Try the following demo and see how it looks for you:

Code: Select all
/* =================
* FXGraphics2DDemo2
* =================
*
* Copyright (c) 2014, Object Refinery Limited.
* All rights reserved.
*
* http://www.object-refinery.com/fxgraphics2d/index.html
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*   - Redistributions of source code must retain the above copyright
*     notice, this list of conditions and the following disclaimer.
*   - Redistributions in binary form must reproduce the above copyright
*     notice, this list of conditions and the following disclaimer in the
*     documentation and/or other materials provided with the distribution.
*   - Neither the name of the Object Refinery Limited nor the
*     names of its contributors may be used to endorse or promote products
*     derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
* ARE DISCLAIMED. IN NO EVENT SHALL OBJECT REFINERY LIMITED BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/

package org.jfree.fx.demo;

import static javafx.application.Application.launch;
import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Font;
import java.awt.font.TextAttribute;
import org.jfree.fx.FXGraphics2D;
import java.awt.font.TextLayout;
import java.awt.geom.Rectangle2D;
import java.text.AttributedString;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

/**
* http://www.jfree.org/forum/viewtopic.php?f=34&t=116969
*/
public class FXGraphics2DDemo2 extends Application {
   
    static class MyCanvas extends Canvas {
       
        TextLayout textLayout;
       
        private FXGraphics2D g2;
       
        public MyCanvas() {
            this.g2 = new FXGraphics2D(getGraphicsContext2D());
         
            AttributedString as = new AttributedString("Hello World!");
            as.addAttribute(TextAttribute.FONT, new Font("serif", Font.PLAIN, 24));
           
            this.textLayout = new TextLayout(as.getIterator(), this.g2.getFontRenderContext());
            // Redraw canvas when size changes.
            widthProperty().addListener(evt -> draw());
            heightProperty().addListener(evt -> draw());
        } 
       
        private void draw() {
            double width = getWidth();
            double height = getHeight();
            getGraphicsContext2D().clearRect(0, 0, width, height);           
            this.textLayout.draw(this.g2, 50, 50);
           
            Rectangle2D r = new Rectangle2D.Double(60, 60, 60, 70);
            this.g2.setStroke(new BasicStroke(0.5f));
            this.g2.setPaint(Color.BLACK);
            this.g2.draw(r);
        }
       
        @Override
        public boolean isResizable() {
            return true;
        } 
       
        @Override
        public double prefWidth(double height) { return getWidth(); } 
       
        @Override
        public double prefHeight(double width) { return getHeight(); }
    }


    @Override
    public void start(Stage stage) throws Exception {
        MyCanvas canvas = new MyCanvas();
        StackPane stackPane = new StackPane();
        stackPane.getChildren().add(canvas); 
        // Bind canvas size to stack pane size.
        canvas.widthProperty().bind( stackPane.widthProperty());
        canvas.heightProperty().bind( stackPane.heightProperty()); 
        stage.setScene(new Scene(stackPane));
        stage.setTitle("FXGraphics2DDemo2.java");
        stage.setWidth(700);
        stage.setHeight(390);
        stage.show();

    }
   
    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }
 
}
David Gilbert
JFreeChart Project Leader

:idea: Read my blog
:idea: Ask your company to buy the JFreeChart Developer Guide
:idea: Check out other products sold by my company Object Refinery Limited
david.gilbert
JFreeChart Project Leader
 
Posts: 11620
Joined: Fri Mar 14, 2003 10:29 am

Re: Font rendering quality

Postby david.gilbert » Wed Jul 30, 2014 3:10 pm

See also this example of rendering LaTeX:

http://stackoverflow.com/a/25037747/2592874
David Gilbert
JFreeChart Project Leader

:idea: Read my blog
:idea: Ask your company to buy the JFreeChart Developer Guide
:idea: Check out other products sold by my company Object Refinery Limited
david.gilbert
JFreeChart Project Leader
 
Posts: 11620
Joined: Fri Mar 14, 2003 10:29 am


Return to FXGraphics2D

Who is online

Users browsing this forum: No registered users and 3 guests