JavaFX 類 Canvas用法及代碼示例

Canvas類是JavaFX的一部分。 Canvas類本質上創建一個圖像，可以使用GraphicsContext提供的一組圖形命令來繪製圖像。畫布具有指定的高度和寬度，並且所有繪製操作均被裁剪到畫布的邊界。

該類的構造函數：

1. Canvas()：創建一個新的canvas對象。
2. Canvas(double w, double h)：創建一個具有指定寬度和高度的新畫布對象。

常用方法：

方法	說明
getGraphicsContext2D()	返回與畫布關聯的圖形上下文。
getHeight()	返回畫布的高度。
getWidth()	返回畫布的寬度。
setHeight(double v)	設置畫布的高度。
setWidth(double d)	設置畫布的寬度。

以下程序說明了Canvas類的用法：

1. Java程序創建具有指定寬度和高度的畫布(作為構造函數的參數)，將其添加到舞台上，並在其上添加一個圓形和矩形：在此程序中，我們將創建一個具有指定寬度和高度的名為Canvas的Canvas。我們將使用getGraphicsContext2D()函數提取GraphicsContext，並繪製不同顏色的矩形和橢圓形。現在，我們將創建一個名為group的組，並將畫布添加到該組。現在創建一個場景並將該組添加到場景中，然後將場景附加到舞台上並調用show()函數以顯示結果。

   // Java Program to create a canvas with specified 
   // width and height(as arguments of constructor), 
   // add it to the stage and also add a circle and 
   // rectangle on it 
   import javafx.application.Application; 
   import javafx.scene.Scene; 
   import javafx.scene.control.*; 
   import javafx.scene.layout.*; 
   import javafx.stage.Stage; 
   import javafx.event.ActionEvent; 
   import javafx.event.EventHandler; 
   import javafx.scene.canvas.*; 
   import javafx.scene.paint.Color; 
   import javafx.scene.Group; 
     
   public class canvas extends Application { 
     
       // launch the application 
       public void start(Stage stage) 
       { 
     
           // set title for the stage 
           stage.setTitle("creating canvas"); 
     
           // create a canvas 
           Canvas canvas = new Canvas(100.0f, 100.0f); 
     
           // graphics context 
           GraphicsContext graphics_context =  
                canvas.getGraphicsContext2D(); 
     
           // set fill for rectangle 
           graphics_context.setFill(Color.RED); 
           graphics_context.fillRect(20, 20, 70, 70); 
     
           // set fill for oval 
           graphics_context.setFill(Color.BLUE); 
           graphics_context.fillOval(30, 30, 70, 70); 
     
           // create a Group 
           Group group = new Group(canvas); 
     
           // create a scene 
           Scene scene = new Scene(group, 200, 200); 
     
           // set the scene 
           stage.setScene(scene); 
     
           stage.show(); 
       } 
     
       // Main Method 
       public static void main(String args[]) 
       { 
     
           // launch the application 
           launch(args); 
       } 
   }

   輸出：

   

2. Java程序創建畫布並使用setHeight()和setWidth()函數設置畫布大小並將其添加到舞台上，並在其上添加圓形和矩形：在此程序中，我們將創建一個名為canvas的Canvas，並使用setWidth()和setHeight()函數設置寬度和高度。我們將使用getGraphicsContext2D()函數提取GraphicsContext，並繪製兩個矩形和一個不同顏色的橢圓。我們將創建一個名為group的組，並將畫布添加到該組。我們將創建一個場景並將該組添加到場景，然後將場景附加到舞台。最後，調用show()函數以顯示結果。

   // Java Program to create a canvas and use  
   // setHeight() and setWidth() function to 
   // set canvas size and add it to the stage 
   // and also add a circle and rectangle on it 
   import javafx.application.Application; 
   import javafx.scene.Scene; 
   import javafx.scene.control.*; 
   import javafx.scene.layout.*; 
   import javafx.stage.Stage; 
   import javafx.event.ActionEvent; 
   import javafx.event.EventHandler; 
   import javafx.scene.canvas.*; 
   import javafx.scene.paint.Color; 
   import javafx.scene.Group; 
     
   public class canvas1 extends Application { 
     
       // launch the application 
       public void start(Stage stage) 
       { 
     
           // set title for the stage 
           stage.setTitle("creating canvas"); 
     
           // create a canvas 
           Canvas canvas = new Canvas(); 
     
           // set height and width 
           canvas.setHeight(400); 
           canvas.setWidth(400); 
     
           // graphics context 
           GraphicsContext graphics_context =  
               canvas.getGraphicsContext2D(); 
     
           // set fill for rectangle 
           graphics_context.setFill(Color.PINK); 
           graphics_context.fillRect(40, 40, 100, 100); 
     
           // set fill for rectangle 
           graphics_context.setFill(Color.RED); 
           graphics_context.fillRect(20, 20, 70, 70); 
     
           // set fill for oval 
           graphics_context.setFill(Color.BLUE); 
           graphics_context.fillOval(30, 30, 70, 70); 
     
           // create a Group 
           Group group = new Group(canvas); 
     
           // create a scene 
           Scene scene = new Scene(group, 400, 400); 
     
           // set the scene 
           stage.setScene(scene); 
     
           stage.show(); 
       } 
     
       // Main Method 
       public static void main(String args[]) 
       { 
     
           // launch the application 
           launch(args); 
       } 
   }

   輸出：

   

注意：以上程序可能無法在在線IDE中運行。請使用離線編譯器。

參考：https://docs.oracle.com/javase/8/javafx/api/javafx/scene/canvas/Canvas.html