Javafx2.2画布放大和缩小失真问题

时间:2018-09-30 01:20:13

标签: javafx zoom

我们正在使用javafx开发可扩展的图形程序。考虑到性能,我们使用javafx canvas绘制了很多矩形框。矩形框代表容器的位置。我们发现矩形将出现粗线和细线,模糊等。我们的图形需要缩放。计算出的矩形框的宽度和坐标将具有浮点数。我们无法通过使用以下帖子解决问题。 How to draw a crisp, opaque hairline in JavaFX 2.2?

这是我的例子。

import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.input.ScrollEvent;
import javafx.scene.layout.AnchorPane;
import javafx.stage.Stage;
public class LineScaleTest extends Application {
public static void main(String[] args) { launch(args); }

@Override public void start(Stage stage) {
    AnchorPane anchorPane=new AnchorPane();
    Canvas canvas=new Canvas(500,300);
    canvas.relocate(300,300);
    GraphicsContext gc=canvas.getGraphicsContext2D();
    for(int i=0;i<10;i++){
        gc.strokeRoundRect(10.5+35*i,5.5,30,30,0,0);
    }

    for(int i=0;i<10;i++){
        gc.strokeRoundRect(10.5+35*i,65.5,30,30,0,0);
    }

    for(int i=0;i<10;i++){
        gc.strokeRoundRect(10.5+35*i,115.5,30,30,0,0);
    }

    anchorPane.setOnScroll(new EventHandler<ScrollEvent>() {
        @Override
        public void handle(ScrollEvent e) {
            if (e.getDeltaY() == 0) {
                return;
            }
            double scaleFactor = (e.getDeltaY() > 0) ? 1.1
                    : 1 / 1.1;
            anchorPane.setScaleX(anchorPane.getScaleX() * scaleFactor);
            anchorPane.setScaleY(anchorPane.getScaleY() * scaleFactor);
        }
    });
    anchorPane.getChildren().add(canvas);
    Scene scene = new Scene( anchorPane,1200, 700);
    stage.setScene(scene);
    stage.show();
}
}

example2 ############################################# ###############

公共类LineScaleTest扩展了Application {     公共静态无效main(String [] args){launch(args); }

@Override public void start(Stage stage) {
    AnchorPane anchorPane=new AnchorPane();
    Canvas canvas=new Canvas(500,300);
    canvas.relocate(300,300);
    GraphicsContext gc=canvas.getGraphicsContext2D();
    for(int i=0;i<10;i++){
        gc.strokeRoundRect(10.5+35*i,5.5,30,30,0,0);
    }

    for(int i=0;i<10;i++){
        gc.strokeRoundRect(10.5+35*i,65.5,30,30,0,0);
    }

    for(int i=0;i<10;i++){
        gc.strokeRoundRect(10.5+35*i,115.5,30,30,0,0);
    }

    anchorPane.setOnScroll(new EventHandler<ScrollEvent>() {
        @Override
        public void handle(ScrollEvent e) {
            if (e.getDeltaY() == 0) {
                return;
            }
            double scaleFactor = (e.getDeltaY() > 0) ? 1.1
                    : 1 / 1.1;
            Scale scale=new Scale(anchorPane.getScaleX() * scaleFactor,anchorPane.getScaleY() * scaleFactor);
            Affine reflectTransform = new Affine();
            reflectTransform.append(scale);
            canvas.getTransforms().add(reflectTransform);
        }
    });
    anchorPane.getChildren().add(canvas);
    Scene scene = new Scene( anchorPane,1200, 700);
    stage.setScene(scene);
    stage.show();
}

}

2 个答案:

答案 0 :(得分:0)

您可以定义Canvas的仿射变换,而不是缩放anchorPane。 GraphicsContext提供了这样做的功能。

答案 1 :(得分:0)

我认为您不能依靠JavaFX内置的任何东西来产生所需的结果。您的应用程序将需要自己进行管理才能产生所需的结果。因此,代替调用“比例”,您需要自己增加画布的宽度和高度,然后根据新尺寸执行重绘。然后,您的渲染代码可以确保所使用的坐标不会引起模糊或模糊。