JavaFX - Save As Image - Rakesh Menon

There was a question on forum related to saving of node as image. JavaFX sample - EffectsPlayground had this feature. It uses internal APIs, so its broken in JavaFX 1.2. Community has identified a solution. Thanks to Chris Jensen for pointing me to this.

Since it uses internal APIs, it may again break in next release. May be most of users just want to save a set of nodes displayed on screen. In that case we may get the top level container and draw the contents on to an image. Yes, draw back is that it will draw all nodes, so we may have to selectively hide nodes before we save the image.

For Applet mode, click on above image

For standalone mode

First we get the instance of top level container which may be an Applet or Frame.


public function getContainer() : Container {



    var container : Container;



    if("{__PROFILE__}" == "browser") { // Applet

        container = FX.getArgument("javafx.applet") as Applet;

    } else { // Standalone

        var frames = Frame.getFrames();

        // We may improve this logic so as to find the

        // exact Stage (Frame) based on its title

        container = (frames[0] as JFrame).getContentPane();

    }



    return container;

}

Now we can save the contents of the Container as Image


function save(container : Container, bounds : Bounds, file : File) {



    var bufferedImage = new BufferedImage(

        bounds.width, bounds.height, BufferedImage.TYPE_INT_ARGB);

    var graphics = bufferedImage.getGraphics();

    graphics.translate(-bounds.minX, -bounds.minY);

    container.paint(graphics);

    graphics.dispose();



    ImageIO.write(bufferedImage, "png", file);

}

Yes, it captures the entire scene. So user has to hide the nodes which are not required before saving as image. For this I have created two groups. One group will hold all nodes that needs to be captured. Other group contains nodes which are not required (such as Button). Before taking saving as image, hide the node which contains controls etc, so that they won't appear in saved image.

Try it out and let me know feedback