JavaFX - 2D 形状 SVGPath

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

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

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

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

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

setContent(value);

绘制 SVGPath 的步骤

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

步骤 1:创建类

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

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

步骤 2:创建 SVGPath 类的对象

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

//创建 SVGPath 类的对象
SVGPath svgpath = new SVGPath();

步骤 3:设置 SVGPath

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

String path = "M 100 100 L 300 100 L 200 300 z";
//以字符串形式设置 SVGPath
svgPath.setContent(path);

步骤 4:创建 Group 对象

start() 方法中,通过实例化名为 Group 的类来创建 group 对象,该类属于包 javafx.scene

将上一步中创建的 SVGPath(节点)对象作为参数传递给 Group 类的构造函数。应按如下方式将其添加到组中 −

Group root = new Group(svgpath);

步骤 5:创建场景对象

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

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

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

步骤 6:设置舞台(Stage)的标题

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

使用 primaryStage 对象,将场景的标题设置为 Sample Application,如下所示。

primaryStage.setTitle("Sample Application");

步骤 7:将场景添加到舞台(Stage)

您可以使用名为 Stage 的类的方法 setScene() 将场景对象添加到舞台(Stage)。使用此方法添加在前面步骤中准备的场景对象,如下所示。

primaryStage.setScene(scene);

步骤 8:显示 Stage 的内容

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

primaryStage.show();

步骤 9:启动应用程序

通过从主 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) {
    //创建 SVGPath 对象
    SVGPath svgPath = new SVGPath();
    
    String path = "M 100 100 L 300 100 L 200 300 z";
    
    //以字符串形式设置 SVGPath
    svgPath.setContent(path);
    
    //创建 Group 对象
    Group root = new Group(svgPath);
    
    //创建 scene 对象
    Scene scene = new Scene(root, 600, 300);
    
    //为 Stage 设置标题
    stage.setTitle("Drawing a Sphere");
    
    //将 scene 添加到舞台(Stage)
    stage.setScene(scene);
    
    //显示舞台(Stage)内容
    stage.show();
    }     
   public static void main(String args[]){ 
      launch(args); 
   } 
}    

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

javac SVGExample.java 
java SVGExample

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

绘制球体

javafx_2d_shapes.html