JavaFX - 画甜甜圈

时间:2017-07-28 20:56:29

标签: javafx graphics 2d fill graphicscontext

我需要使用JavaFX的GraphicsContext画一个圆环形状 - 一个在中心有一个洞的实心圆圈,以澄清。

我一直在搜索,我在网上找不到任何例子。

我认为您使用fillarc函数,但我不明白。没有我能找到的例子,而且文档没有多大帮助。 (什么是arcExtent?所有文档都说这是弧的范围......)

我不想填充两个重叠的圆圈,因为我想在绘图时保持中心透明。 (我已经在下面画了东西,我不能干涉它)

1 个答案:

答案 0 :(得分:1)

以下是一些示例解决方案,其中一个使用shape subtraction表示圈子,另一个使用Arc。两个示例都使用场景图进行绘制。

sample

import javafx.application.Application;
import javafx.scene.*;
import javafx.scene.paint.Color;
import javafx.scene.shape.*;
import javafx.stage.Stage;

public class DonutHole extends Application {
    @Override
    public void start(Stage stage) throws Exception {
        // donut by shape subtraction.
        Circle whole = new Circle(20, 20, 20);
        Circle inside = new Circle(20, 20, 10);
        Shape donutShape = Shape.subtract(whole, inside);
        donutShape.setFill(Color.BLUE);

        // donut by arc.
        Arc donutArc = new Arc(60, 20, 10, 10, 0, 360);
        donutArc.setStrokeWidth(10);
        donutArc.setStrokeType(StrokeType.OUTSIDE);
        donutArc.setStroke(Color.RED);
        donutArc.setStrokeLineCap(StrokeLineCap.BUTT);
        donutArc.setFill(null);

        Scene scene = new Scene(new Group(donutShape, donutArc), Color.PALEGREEN);
        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

备用解决方案也可以使用带有弧线和线段的Path,但我不会在此处显示。如果您想要3D甜甜圈,可以创建Torus

这是另一个在GraphicsContext中使用fillArc的例子。

fill

import javafx.application.Application;
import javafx.scene.*;
import javafx.scene.canvas.*;
import javafx.scene.paint.Color;
import javafx.scene.shape.*;
import javafx.stage.Stage;

public class DonutHoleGraphics extends Application {
    @Override
    public void start(Stage stage) throws Exception {
        Canvas canvas = new Canvas(40, 40);

        GraphicsContext gc = canvas.getGraphicsContext2D();
        gc.setLineWidth(10);
        gc.setStroke(Color.YELLOW);
        gc.setLineCap(StrokeLineCap.BUTT);
        gc.strokeArc(5, 5, 30, 30, 0, 360, ArcType.OPEN);

        Scene scene = new Scene(new Group(canvas), Color.PALEGREEN);
        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

相关: