水平或垂直翻转 JavaFX 图像
Posted
技术标签:
【中文标题】水平或垂直翻转 JavaFX 图像【英文标题】:Flip JavaFX Image horizontally or vertically 【发布时间】:2017-03-27 16:45:13 【问题描述】:我在水平或垂直翻转JavaFX Canvas
中的图像时遇到问题。
理论上的规模:
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
中我使用这种方式来反映文本-> Reflecting text in java
但是在 JavaFX 中,我是转换的新手,所以我不知道这样做的方法是什么(如果可能的话,我想知道它使用 cpu 的最佳方式):
示例图片(我有什么):
我想把它画在画布上:
【问题讨论】:
【参考方案1】:试试这个:
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-
【讨论】:
我会看看 ☺ 我需要至少 60 fps。 太棒了!谢谢:)【参考方案2】:除了比例之外,您还需要平移,否则它只会围绕画布的左边缘翻转而不会显示任何内容。
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();
【讨论】:
你好 Jewelsea 我认为它适合 60 fps...gc.save();
的概念我认为它很慢。
gc.save()
只是将一些属性粘贴到堆栈上。这是一个执行速度极快且对动画 fps 没有显着影响的操作。
谢谢珠宝海。我选择了第二个答案,因为它非常简单,只有 1 行 :)以上是关于水平或垂直翻转 JavaFX 图像的主要内容,如果未能解决你的问题,请参考以下文章
使用PythonOpenCV翻转图像(水平垂直水平垂直翻转)