javaFX学习之canvas画布api简单介绍（转载）

最新推荐文章于 2023-03-19 22:59:41 发布

brave_zhao

最新推荐文章于 2023-03-19 22:59:41 发布

阅读量2k

点赞数

分类专栏：前端开发文章标签： html5 前端 html

原文链接：http://www.javafxchina.net/blog/2015/08/graphics_canvas_api/

版权

前端开发专栏收录该内容

36 篇文章 3 订阅

订阅专栏

原文链接：DOC-02-09 使用Canvas API | JavaFX中文资料

Canvas初始设置宽300高250，然后通过调用canvas.getGraphicsContext2D()方法获得了它的GraphicsContext。随后通过调用strokeLine、fillOval、strokeArc和fillPolygon等方法执行了一系列基本绘图操作

上代码：

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.paint.Color;
import javafx.scene.shape.ArcType;
import javafx.stage.Stage;

public class BasicOpsTest extends Application {

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

    @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("画图操作测试");
        Group root = new Group();//创建一个跟容器节点
        Canvas canvas = new Canvas(300, 250);//创建一个帆布画
        GraphicsContext gc = canvas.getGraphicsContext2D();//获取绘画上下文环境对象，获取绘画小宇宙
        drawShapes(gc);//调用自定义具体绘画流程方法，绘制图形
        root.getChildren().add(canvas);//将根节点容器上添加帆布画
        primaryStage.setScene(new Scene(root));//舞台设置场景，场景挂载节点容器
        primaryStage.show();// 舞台展现
    }

    private void drawShapes(GraphicsContext gc) {//绘画上下文环境对象，在这个系列api中有点画笔对象那意思
        gc.setFill(Color.GREEN);//绘画上下文填充绿色，给画笔的填充作用属性填充颜料为绿色
        gc.setStroke(Color.BLUE);//绘画上下文设置线型和颜色,给画笔的线性绘画笔筒内填充蓝色颜料
        gc.setLineWidth(1);//绘画上下文设置线条粗细
        gc.strokeLine(100, 10, 10, 10);//根据对应坐标参数划线，起点坐标(x1,y1),重点坐标(x2,y2)
        gc.fillOval(10, 60, 30, 30);//画一个填充型椭圆，参数分别是（x,y),宽w,和高h
        gc.strokeOval(60, 60, 30, 30);//画一个线状型椭圆，参数分别是（x,y),宽w,和高h
        gc.fillRoundRect(110, 60, 30, 30, 10, 10);//画一个圆填充型角矩形
        gc.strokeRoundRect(160, 60, 30, 30, 10, 10);//画一个线性状圆角矩形
        gc.fillArc(10, 110, 30, 30, 45, 240, ArcType.OPEN);//创建填充式拱形
        gc.fillArc(60, 110, 30, 30, 45, 240, ArcType.CHORD);//创建填充式拱形
        gc.fillArc(110, 110, 30, 30, 45, 240, ArcType.ROUND);//创建填充式原型拱形
        gc.strokeArc(10, 160, 30, 30, 45, 240, ArcType.OPEN);
        gc.strokeArc(60, 160, 30, 30, 45, 240, ArcType.CHORD);
        gc.strokeArc(110, 160, 30, 30, 45, 240, ArcType.ROUND);
        gc.fillPolygon(new double[]{10, 40, 10, 40},
                new double[]{210, 210, 240, 240}, 4);//创建填充式多边形
        gc.strokePolygon(new double[]{60, 90, 60, 90},
                new double[]{210, 210, 240, 240}, 4);//创建线性多边形
        gc.strokePolyline(new double[]{110, 140, 110, 140},
                new double[]{210, 210, 240, 240}, 4);//创建多段线
    }
}

——————————————————