JavaFX - 二维图形 SVGPath

---

---

SVG (可缩放矢量图形) 是一种基于 XML 的语言，用于定义基于矢量的图形。

在 JavaFX 中，我们可以通过解析 SVG 路径来构建图像。此类形状由名为 SVGPath 的类表示。此类属于 javafx.scene.shape 包。

通过实例化此类，您可以创建一个通过在 JavaFX 中解析 SVG 路径创建的节点。

此类具有一个名为 content 的属性，其数据类型为 String。这表示 SVG 路径编码字符串，图像应从中绘制。

要通过解析 SVG 路径来绘制形状，您需要使用此类的名为 setContent() 的方法向此属性传递值，如下所示：

setContent(value);

绘制 SVGPath 的步骤

要在 JavaFX 中通过解析 SVGPath 绘制形状，请按照以下步骤操作。

步骤 1：创建类

创建一个 Java 类并继承 javafx.application 包的 Application 类，并实现此类的 start() 方法，如下所示。

public class ClassName extends Application {  
   @Override     
   public void start(Stage primaryStage) throws Exception {      
   }    
}

步骤 2：创建 SVGPath 类的对象

您可以通过解析 SVGPath 在 JavaFX 中创建所需的形状。为此，请实例化名为 SVGPath 的类，该类属于 javafx.scene.shape 包。您可以按如下方式实例化此类。

//Creating an object of the class SVGPath         
SVGPath svgpath = new SVGPath();

步骤 3：设置 SVGPath

使用 setContent() 方法设置 SVG 对象的内容。对于此方法，您需要传递 SVGPath。使用它，形状应该以字符串的形式绘制，如下面的代码块所示。

String path = "M 100 100 L 300 100 L 200 300 z";
//Setting the SVGPath in the form of string 
svgPath.setContent(path);

步骤 4：创建 Group 对象

在 start() 方法中，通过实例化名为 Group 的类（属于 javafx.scene 包）来创建一个组对象。

将上一步中创建的 SVGPath（节点）对象作为参数传递给 Group 类的构造函数。为了将其添加到组中，必须执行此操作，如下所示：

Group root = new Group(svgpath);

步骤 5：创建 Scene 对象

通过实例化名为 Scene 的类（属于 javafx.scene 包）来创建一个场景。在此类中，传递上一步中创建的 Group 对象 (root)。

除了根对象之外，您还可以传递两个双精度参数，分别表示屏幕的高度和宽度以及 Group 类的对象，如下所示。

Scene scene = new Scene(group ,600, 300);

步骤 6：设置舞台的标题

您可以使用 Stage 类的 setTitle() 方法设置舞台的标题。primaryStage 是一个 Stage 对象，作为参数传递给场景类的 start 方法。

使用 primaryStage 对象，将场景的标题设置为 示例应用程序，如下所示。

primaryStage.setTitle("Sample Application");

步骤 7：将场景添加到舞台

您可以使用名为 Stage 的类的 setScene() 方法将 Scene 对象添加到舞台。使用此方法添加上一步中准备的 Scene 对象，如下所示。

primaryStage.setScene(scene);

步骤 8：显示舞台的内容

使用名为 Stage 类的 show() 方法显示场景的内容，如下所示。

primaryStage.show();

步骤 9：启动应用程序

从 main x 方法调用 Application 类的静态方法 launch() 来启动 JavaFX 应用程序，如下所示。

public static void main(String args[]){   
   launch(args);      
} 

示例

以下是使用 JavaFX 解析 SVG 路径生成形状的程序。将此代码保存在名为 SVGExample.java 的文件中。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.shape.SVGPath; 
import javafx.stage.Stage; 
        
public class SVGExample extends Application {  
   @Override 
   public void start(Stage stage) { 
      //Creating a SVGPath object 
      SVGPath svgPath = new SVGPath();       
       
      String path = "M 100 100 L 300 100 L 200 300 z";  
      
      //Setting the SVGPath in the form of string 
      svgPath.setContent(path);             
         
      //Creating a Group object  
      Group root = new Group(svgPath); 
               
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);
      
      //Setting title to the Stage
      stage.setTitle("Drawing a Sphere"); 
         
      //Adding scene to the stage 
      stage.setScene(scene); 
         
      //Displaying the contents of the stage 
      stage.show(); 
   }      
   public static void main(String args[]){ 
      launch(args); 
   } 
}    

使用以下命令从命令提示符编译并执行保存的 java 文件。

javac SVGExample.java 
java SVGExample

执行上述程序后，将生成一个 JavaFX 窗口，显示一个三角形，该三角形是通过解析如下所示的 SVG 路径绘制的。