Home > javafx > JavaFX – Save As Image

JavaFX – Save As Image


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.

If you are using internal APIs as mentioned in forum thread, you will have to update your code to use 1.3 internal APIs. Please refer to JavaFX [1.3] – Save As Image post for update related to JavaFX 1.3.

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[0as 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

var dzone_url = “http://blogs.sun.com/rakeshmenonp/entry/javafx_save_as_image”;
var dzone_style = ‘2’;

Advertisements
Categories: javafx Tags: , ,
  1. July 21, 2009 at 6:41 AM

    Man!
    Great!!!!
    I used this your code to alter this Aplication:
    http://www.javafx.com/samples/FullScreenSketch/index.html
    Now you can make Sketch and Save in your Computer!!!
    Soon I will post in my site the code and explain the details for the implementation. Thanks a lot!!!!

  2. July 21, 2009 at 8:14 AM

    @William Antônio Siqueira Thanks! 🙂 Looking forward to see more applications from you..

  3. July 22, 2009 at 9:44 AM

    Awesome!!!

  4. Oleg O. Plotnikov
    December 27, 2009 at 6:17 AM

    Thank you very much!! You really helped me.

  1. January 14, 2010 at 2:31 PM
  2. April 27, 2010 at 11:58 AM

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: