JavaFX GraphicsContext Inverted Circle

Question

私はこれをオンラインで行う方法を見つけようとしてきましたが、何も見つかりませんでした。

JavaFX GraphicsContextで「逆円」を描画します。 これらの画像は私が望むものを示しています。

オリジナル： "インバーテッド・サークル"（私が描きたいどのような）で

：私はちょうど新しい層にサークルの領域を消去することができ、画像エディタで

... I GraphicsContextでそれを行う関数は表示されません。

この「円」の中心点と半径を選択できる必要があります。

ありがとうございます！

Answer 1

私はGraphicsContextを直接使用することはよくわかりませんが、Blendingを使用するとできます。

ImageView image; // Your image 
Circle mask = new Circle(); 

Group g = new Group(); 
g.setBlendMode(BlendMode.SRC_ATOP); 
g.getChildren.add(image); 
g.getChildren.add(mask); 

Answer 2

円形経路を構築して画像を描画するときにクリップとしてそれを使用する：

@Override 
public void start(Stage primaryStage) { 
    Image image = new Image("https://i.stack.imgur.com/zEoW1.jpg"); 
    double w = image.getWidth(); 
    double h = image.getHeight(); 

    Canvas canvas = new Canvas(w, h); 
    GraphicsContext gc = canvas.getGraphicsContext2D(); 

    // draw background 
    gc.setFill(Color.BLACK); 
    gc.fillRect(0, 0, w, h); 

    double r = Math.min(h, w) * 2/5; 
    double cx = w/2; 
    double cy = h/2; 

    // create circular path 
    gc.beginPath(); 
    gc.moveTo(cx - r, cy); // to first point on the circle 
    gc.arc(cx, cy, r, r, 180, 360); 
    gc.closePath(); 

    gc.clip(); 

    gc.drawImage(image, 0, 0); 

    StackPane root = new StackPane(); 
    root.getChildren().add(canvas); 

    Scene scene = new Scene(root); 

    primaryStage.setScene(scene); 
    primaryStage.show(); 
}