Displaying Image in Applet

by

To display an image in an applet, you can use the getImage() method of the java.awt.Toolkit class to load an image from a file or URL, and then draw the image onto the applet using the java.awt.Graphics class.

Here’s an example code that demonstrates how to display an image in an applet:

import java.applet.*;
import java.awt.*;

public class ImageApplet extends Applet {
    private Image image;

    public void init() {
        image = getImage(getDocumentBase(), "image.jpg"); // load image from URL
    }

    public void paint(Graphics g) {
        g.drawImage(image, 0, 0, this); // draw image onto applet
    }
}

In this example, the init() method loads an image from the URL of the applet’s HTML file using the getImage() method, and the paint() method draws the image onto the applet using the drawImage() method.

Note that the getImage() method can also load images from a file on the local file system or from a different URL than the applet’s HTML file.

Syntax of drawImage() method:

The drawImage() method is used to draw an image onto a graphics context, such as a java.awt.Graphics object. Its syntax is:

public abstract boolean drawImage(Image img, int x, int y, ImageObserver observer)

Here’s what each parameter of the drawImage() method does:

  • img: The image to be drawn onto the graphics context.
  • x: The x-coordinate of the upper-left corner of the destination rectangle.
  • y: The y-coordinate of the upper-left corner of the destination rectangle.
  • observer: An object that is notified as the image is loaded and drawn. This parameter can be set to null if you don’t need to be notified.

There are also other overloaded versions of the drawImage() method that allow you to specify additional parameters, such as the width and height of the destination rectangle, the image’s source rectangle, and the background color.

Note that the drawImage() method is an abstract method, which means that it is implemented differently by different subclasses of Graphics, such as Graphics2D. Therefore, the behavior of the method may vary depending on the context in which it is called.

How to get the object of Image:

To get an object of an Image, you can use the getImage() method of the java.awt.Toolkit class or one of its subclasses. Here’s an example code that shows how to get an Image object from a file:

import java.awt.*;
import java.net.*;

public class ImageLoader {
    public static void main(String[] args) {
        String fileName = "image.jpg"; // path to image file
        Image image = Toolkit.getDefaultToolkit().getImage(fileName);

        // wait until image is fully loaded
        MediaTracker tracker = new MediaTracker(new Component() {});
        tracker.addImage(image, 0);
        try {
            tracker.waitForID(0);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }

        // do something with the image
        int width = image.getWidth(null);
        int height = image.getHeight(null);
        System.out.println("Image dimensions: " + width + "x" + height);
    }
}

In this example, the getImage() method is called on the default toolkit to load an image from a file. The MediaTracker class is then used to wait until the image is fully loaded before performing any operations on it. Finally, the width and height of the image are obtained using the getWidth() and getHeight() methods.

Note that the getImage() method can also load images from a URL or an input stream.

Other required methods of Applet class to display image:

To display an image in an Applet, besides the init() and paint() methods, you may also need to override the following methods of the Applet class:

  1. start(): This method is called when the applet is first started or restarted after being stopped. You can use it to begin any animations or other background tasks related to the applet.
  2. stop(): This method is called when the applet is about to be stopped, such as when the user navigates away from the web page containing the applet. You can use it to stop any background tasks started by the start() method.
  3. destroy(): This method is called when the applet is about to be destroyed, such as when the web page containing the applet is closed. You can use it to perform any cleanup tasks, such as releasing resources or closing connections.
  4. getDocumentBase(): This method returns the URL of the web page containing the applet. You can use it to load images or other resources from the same server as the applet.
  5. getParameter(): This method returns the value of a parameter specified in the applet’s HTML tag. You can use it to customize the behavior of the applet based on user input.

Here’s an example code that demonstrates how to override these methods to display an image in an applet:

import java.applet.*;
import java.awt.*;

public class ImageApplet extends Applet {
    private Image image;

    public void init() {
        image = getImage(getDocumentBase(), "image.jpg"); // load image from URL
    }

    public void start() {
        // start any background tasks related to the applet
    }

    public void stop() {
        // stop any background tasks started by the start() method
    }

    public void destroy() {
        // perform any cleanup tasks, such as releasing resources or closing connections
    }

    public void paint(Graphics g) {
        g.drawImage(image, 0, 0, this); // draw image onto applet
    }
}

In this example, the start(), stop(), and destroy() methods are left empty, as they don’t need to perform any specific tasks. However, you can customize these methods based on the requirements of your applet.

Example of displaying image in applet:

Here’s an example code that demonstrates how to display an image in an applet:

import java.applet.*;
import java.awt.*;

public class ImageApplet extends Applet {
    private Image image;

    public void init() {
        image = getImage(getDocumentBase(), "image.jpg"); // load image from URL
    }

    public void paint(Graphics g) {
        g.drawImage(image, 0, 0, this); // draw image onto applet
    }
}

In this example, the ImageApplet class extends the Applet class and overrides the init() and paint() methods. In the init() method, the getImage() method is used to load an image from a URL specified by the getDocumentBase() method. In the paint() method, the drawImage() method is used to draw the image onto the applet’s graphics context.

Note that the image file (image.jpg in this example) should be located in the same directory as the HTML file that contains the applet’s <applet> tag. Also, make sure to specify the correct file name and extension in the getImage() method.

myapplet.html:

Here’s an example HTML code for embedding an applet called ImageApplet into a web page:

<!DOCTYPE html>
<html>
<head>
    <title>My Applet</title>
</head>
<body>
    <h1>My Applet</h1>
    <hr>
    <applet code="ImageApplet.class" width="400" height="300">
        <param name="image" value="image.jpg">
    </applet>
    <hr>
</body>
</html>

In this example, the <applet> tag is used to embed the ImageApplet applet into the web page. The code attribute specifies the name of the compiled Java class file that contains the applet’s code. The width and height attributes specify the dimensions of the applet’s display area in pixels.

The <param> tag is used to pass parameters to the applet’s code. In this case, the image parameter is set to the name of the image file (image.jpg) that the applet should load and display.

Note that the HTML file (myapplet.html in this example) and the image file should be located in the same directory on the web server.