Question

我在JavaFX Canvas。{/ p>中水平或垂直翻转图像时遇到问题

理论上的比例：

  flip here (scale(-1,1) ) |   here it was
                  _ _ _ _ _|_ _ _ _ _
                           |                                                                
 flip here (scale(-1,-1) ) |   fliped here( scale(1,-1) )

以下是该方法的一些行，每秒调用约30次。所以我使用方法gc.scale(-1,0)水平翻转图像，但一切都滞后。我怎么能这样做？

public void drawMethod{

  //....

  gc.drawImage(lightBlueLight, 0, 0); // where lightBlueLight is an `Image`


 //...
}

例如在Swing我使用这种方式来反映文字 - ＆gt; Reflecting text in java

但是在JavaFX中我不熟悉转换，所以我不知道这样做的方法是什么（如果可能的话，我想知道cpu使用条款的最佳方式）：

示例图片（我拥有的）：

我想在画布上绘制它：

Answer 1

除了比例之外，你还需要一个翻译，否则它只会翻转画布的左边缘而不会显示任何内容。

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.image.Image;
import javafx.stage.Stage;

public class Flipper extends Application {
    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage stage) throws Exception {
        Canvas canvas = new Canvas(300, 300);
        Image image = new Image("https://i.stack.imgur.com/ySbuj.png");
        double xoff = 15;
        GraphicsContext gc = canvas.getGraphicsContext2D();
        gc.save();
        gc.translate(image.getWidth() + xoff * 2, 0);
        gc.scale(-1, 1);
        gc.drawImage(image, xoff, 0);
        gc.restore();
        gc.drawImage(image, xoff, 0);
        stage.setScene(new Scene(new Group(canvas)));
        stage.show();
    }
}

Answer 2

试试这个：

public void draw(GraphicsContext g){
     //(javafx.scene.image.Image, 
     // sourceX,sourceY, sourceWidth,sourceHeight,
    //outputX,outputY,outputWidth,outputHeight);        
    g.drawImage(RESOURCE, 0, 0, RESOURCE.getWidth(), RESOURCE.getHeight(), RESOURCE.getWidth(),0,-RESOURCE.getWidth(),RESOURCE.getHeight());
}

输入负值作为输出宽度/高度值将翻转图像。（记得相应地调整输出X和Y）
我用30 fps运行代码，运行顺畅。

Result

https://docs.oracle.com/javase/8/javafx/api/javafx/scene/canvas/GraphicsContext.html#drawImage-javafx.scene.image.Image-double-double-double-double-double-double-double-double-

水平或垂直翻转JavaFX图像

2 个答案: