Posts Tagged image

Save Node or Scene to Image in JavaFX 2.0

Even after waiting so many days, the Javafx bug team has not implemented this feature still in this new Javafx General Availability release . So I’ve managed to make blog about this function for javafx. Many javafx enterprises developer may think that javafx is still not useful because they don’t know how to save their graphics component in image format. Developer don’t have a simple api function like sceneToImage() which was provided in javafx script 1.3. Don’t know why ? We developers are that’s why intelligent to find the alternative way. So I also intended to research on this topic.Then started to warmup my hands on keyboard.

We are using some Java apis and JavaFX apis for making these things work. Ok Let’s get started with the class ‘FXImaging’ Read the rest of this entry »

Tags: , , , , , ,

Dragging Image in Javafx

Hello today I would like to write a blog of how can we make the image draggable in a Stage.
Firstly you need to know more about MouseEvent, ImageView in JavaFx API.

Here we’ll be working around the dragX , dragY properties of MouseEvent class and x, y properties of ImageView. I’ve seen so many blogs but none of the blog had given me the smooth dragging feature in javafx. So here I’m going to start my codes for smooth dragging ability to ImageView .

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import javafx.scene.image.ImageView;
import javafx.scene.image.Image;
import javafx.scene.input.MouseEvent;

 * @author NARAYAN
 var myX:Number = 0;
 var myY:Number = 0;
 var tempX:Number = 0;
 var tempY:Number = 0;

def img:ImageView = bind ImageView {
                    x:bind tempX+myX
                    y:bind tempY+myY
                    image: Image {
                            url: "{__DIR__}everest.jpg"

                    onMouseReleased: function (e: MouseEvent): Void {
                            tempX = img.x;
                            tempY = img.y;
                            myX = 0;
                            myY = 0;

                    onMouseDragged: function (e: MouseEvent): Void {
                            myX = e.dragX;
                            myY = e.dragY;

Stage {
    title: "ImageView Smoothly Dragging"
    scene: Scene {
        width: 450
        height: 400
        content: [


After using this code you can see the mouse dragging is being binded with the ImageView ‘x’ and ‘y’ position. Futher more for saving the temporary x and y position of ImageView I’ve used mouseReleased() event.

Thanks for viewing blog.

Tags: , , , , , ,