Task 3: Create a JavaFX Application with a Canvas and do some drawing Important: You will need to reference the API in this lab. Be sure you have the JavaFXAPI opened up, and not just the standard Java API. Many of the JavaFX classes have similar names to classes in the standard API Create a new class called Painter that extends Application. Add a BorderPane to the scene, add the Scene to the Stage, show the stage and create a main method that calls Application.launch(...). If you do not recall how to do this, look at your prelab or Lab 9 Once you have the JavaF application set up, create a Canvas object and add it to the center of the BorderPane. I suggest making the Canvas a lsie like 500x500 or bigger. (Our canvas is not going to be resizable in this lab, so you want something big enough to work with.) Now we want to be able to draw on the canvas by clicking and dragging on it with a mouse. For this you need to add an EventHandler to your canvas that listens for MouseEvents. You want to call canvas.setonMouseDragged(...) where canvas is the variable storing your Canvas object, and the input to the method is a EventHandler object. There are multiple ways you can do this 1. Have the Painter class implement EventHandler 2. Create a nested class that implements EventHandler 3. Create an anonymous class that extends EventHandler 4. Use the "lambda" shortcut that provides the body of what you want to occur in the handle method of EventHandler 5. Write a method that takes a MouseEvent as input and use the "method reference" shortcut The body of the handle method (or the body of the "lambda" shortcut, or the body of your method reference) should do the following 1. Get the GraphicsContext for the Canvas. Canvas has a method getGraphicsContext2D that returns the GraphicsContext 2. Set the color to draw by using the setFill method of the GraphicsContext. For now, set the color to Color.BLACK. 3. Draw a circle on the Canvas at the current location of the mouse. Use the filloval method of the GraphicsContext context. Set the width and height parameters to 10 and get the x and y coordinates from the MouseEvent that is the parameter of the method. Compile and test your program to see if you can draw! Task 3: Create a JavaFX Application with a Canvas and do some drawing Important: You will need to reference the API in this lab. Be sure you have the JavaFXAPI opened up, and not just the standard Java API. Many of the JavaFX classes have similar names to classes in the standard API Create a new class called Painter that extends Application. Add a BorderPane to the scene, add the Scene to the Stage, show the stage and create a main method that calls Application.launch(...). If you do not recall how to do this, look at your prelab or Lab 9 Once you have the JavaF application set up, create a Canvas object and add it to the center of the BorderPane. I suggest making the Canvas a lsie like 500x500 or bigger. (Our canvas is not going to be resizable in this lab, so you want something big enough to work with.) Now we want to be able to draw on the canvas by clicking and dragging on it with a mouse. For this you need to add an EventHandler to your canvas that listens for MouseEvents. You want to call canvas.setonMouseDragged(...) where canvas is the variable storing your Canvas object, and the input to the method is a EventHandler object. There are multiple ways you can do this 1. Have the Painter class implement EventHandler 2. Create a nested class that implements EventHandler 3. Create an anonymous class that extends EventHandler 4. Use the "lambda" shortcut that provides the body of what you want to occur in the handle method of EventHandler 5. Write a method that takes a MouseEvent as input and use the "method reference" shortcut The body of the handle method (or the body of the "lambda" shortcut, or the body of your method reference) should do the following 1. Get the GraphicsContext for the Canvas. Canvas has a method getGraphicsContext2D that returns the GraphicsContext 2. Set the color to draw by using the setFill method of the GraphicsContext. For now, set the color to Color.BLACK. 3. Draw a circle on the Canvas at the current location of the mouse. Use the filloval method of the GraphicsContext context. Set the width and height parameters to 10 and get the x and y coordinates from the MouseEvent that is the parameter of the method. Compile and test your program to see if you can draw