16、JavaFX 图形绘制入门：坐标系统、颜色与图形绘制

JavaFX 图形绘制入门：坐标系统、颜色与图形绘制

在 JavaFX 编程中，图形绘制是一个重要的功能，它能帮助我们创建出丰富多彩的用户界面。本文将详细介绍 JavaFX 中的图形坐标系统、颜色设置以及如何绘制各种形状和文本。

1. JavaFX 图形坐标系统与颜色

JavaFX 的 GraphicsContext 类位于 javafx.scene.canvas 包中，它提供了绘制矩形、圆形、线条等图形的方法，还能设置绘制颜色和在窗口中写入文本。

1.1 图形坐标系统

窗口由像素组成，每个像素可以看作是一个彩色的点。一个宽 700 像素、高 400 像素的窗口总共有 28,000（700 * 400）个像素。每个像素的位置用 (x, y) 坐标系统表示，其中 x 坐标表示水平位置，从窗口左侧的 0 开始，向右逐渐增加；y 坐标表示垂直位置，从窗口顶部的 0 开始，向下逐渐增加。例如，对于一个宽 700 像素、高 400 像素的窗口，坐标 (0, 0) 对应左上角，(699, 0) 是右上角，(0, 399) 是左下角，(699, 399) 是右下角。

1.2 颜色设置

窗口打开时，所有像素都设置为背景颜色，默认情况下是白色。我们进行的任何绘制操作都使用前景颜色，即笔触颜色和填充颜色。大多数绘制方法都有笔触和填充版本，笔触版本用当前笔触颜色绘制图形的轮廓，填充版本用当前填充颜色绘制实心图形。默认情况下，笔触颜色和填充颜色都是黑色，但我们可以将它们设置为任意喜欢的颜色。设置的颜色值将一直有效，直到我们将笔触颜色或填充颜色设置为其他颜色。