初探JavaFX的Canvas

最新推荐文章于 2025-11-21 14:17:39 发布

原创最新推荐文章于 2025-11-21 14:17:39 发布 · 1.1k 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#canvas #JavaFX Canvas

JavaFX 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了JavaFX的Canvas组件，它是用于绘制图形的画布。GraphicsContext是Canvas上的画笔，允许开发者在Canvas上绘制各种形状。Canvas的尺寸可以通过setWidth和setHeight进行设置，而GraphicsContext的具体用法将在后续内容中详细阐述。

javafx.scene.canvas包

Canvas和GraphicsContext共同组成了javafx.scene.canvas包。

Canvas和GraphicsContext关系

Canvas意思为画布，油画。说白了就是在一张画纸，把图形画在上面。有画布当然得有画笔啦！
GraphicsContext就是作为Canvas上的画笔。通过它我们可以再Canvas上画出各种各样的图形（当然如果的算法知识很棒）。但是我们可以通过它画一些简单的图形，点、线、矩形、圆形、椭圆形。

Canvas

Canvas的继承体系如下图所示。
在这里插入图片描述 Canvas需要设置它宽度和高度，该宽度和高度限定了画布绘图命令渲染图像的大小。也就是说我们要在次框框内画图。
定义一个Canvas实例对象：
方式一：
Canvas canvas = new Canvas();
drawingCanvas.setHeight(600.0);
drawingCanvas.setWidth(400.0);
方式二：
Canvas canvas = new Canvas(600.0,400.0);
对于宽度和高度的设置可以使用setWidth(double)、setHeight(double);也可以直接在构造函数中初始化宽度和高度。
JavaFX8文档的案例

import javafx.scene.*;
import javafx.scene.paint.*;
import javafx.scene.canvas.*;

Group root = new Group();
Scene s = new Scene(root, 300, 300, Color.BLACK);

final Canvas canvas = new Canvas(250,250);
GraphicsContext gc = canvas.getGraphicsContext2D();
 
gc.setFill(Color.BLUE);
gc.fillRect(75,75,100,100);
 
root.getChildren().add(canvas);

GraphicsContext

到时候再写吧。