JavaFX - 透视变换



通常,2D 对象是指只能在二维平面上绘制,并且仅用两个维度进行测量的对象。但是,使用 JavaFX 应用程序,您可以提供 2D 对象的 3D 错觉。此效果称为透视变换效果。

透视变换效果将在 Z 轴方向创建透视,使对象看起来可以在 XYZ 平面上测量,而实际上它仅在 XY 平面上测量。此效果提供非仿射变换,其中源对象中直线的直线度在输出对象中得以保留。但是,平行性会丢失;与仿射变换不同。

仿射变换是一种线性变换,其中点、直线和平行性从源图像到输出图像都得以保留。

您可以使用 javafx.scene.effect 包中的 PerspectiveTransform 类将此效果应用于 JavaFX 节点。此类具有以下属性:

  • input - 此效果的输入。

  • llx - 输出位置的 x 坐标,源的左下角映射到该位置。

  • lly - 输出位置的 y 坐标,源的左下角映射到该位置。

  • lrx - 输出位置的 x 坐标,源的右下角映射到该位置。

  • lry - 输出位置的 y 坐标,源的右下角映射到该位置。

  • ulx - 输出位置的 x 坐标,源的左上角映射到该位置。

  • uly - 输出位置的 y 坐标,源的左上角映射到该位置。

  • urx - 输出位置的 x 坐标,源的右上角映射到该位置。

  • ury - 输出位置的 y 坐标,源的右上角映射到该位置。

示例

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.shape.Rectangle;
import javafx.scene.effect.Effect;
import javafx.scene.effect.PerspectiveTransform;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
         
public class PerspectiveTransformExample extends Application { 
   @Override 
   public void start(Stage stage) {
      PerspectiveTransform prst = new PerspectiveTransform();
      prst.setUlx(10.0);
      prst.setUly(10.0);
      prst.setUrx(310.0);
      prst.setUry(40.0);
      prst.setLrx(310.0);
      prst.setLry(60.0);
      prst.setLlx(10.0);
      prst.setLly(90.0);

      Group g = new Group();
      g.setEffect(prst);
      g.setCache(true);

      Rectangle rect = new Rectangle();
      rect.setX(10.0);
      rect.setY(10.0);
      rect.setWidth(280.0);
      rect.setHeight(80.0);
      rect.setFill(Color.BLUE);

      Text text = new Text();
      text.setX(20.0);
      text.setY(65.0);
      text.setText("JavaFX App");
      text.setFill(Color.WHITE);
      text.setFont(Font.font(null, FontWeight.BOLD, 36));

      g.getChildren().addAll(rect, text);
	  
	  //Creating a Group object  
      Group root = new Group(g); 
               
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Perspective Transform Effect"); 
         
      //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 --module-path %PATH_TO_FX% --add-modules javafx.controls PerspectiveTransformExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls PerspectiveTransformExample     

输出

执行后,上述程序将生成一个 JavaFX 窗口,如下所示。

PerspectiveTransform_effect_example
广告