javafx
キャンバス
サーチ…
前書き
Canvas
は、画像、図形、およびテキストを表示できる空白の四角形の領域として表されるJavaFX Node
です。各Canvas
は、描画呼び出しの受信とバッファリングを担当するGraphicsContext
オブジェクトが1つ含まれています。描画呼び出しは、最後にCanvas
によって画面に表示されます。
基本形状
GraphicsContext
は、幾何学的図形を描画して塗りつぶすためのメソッドのセットを提供します。通常、これらのメソッドでは、直接またはdouble
値の配列の形式で、座標としてパラメータを渡す必要があります。座標は、 Canvas
基準にしています。 Canvas
原点は左上隅です。
注: GraphicsContext
はCanvas
境界の外側に描画されません。つまり、サイズで定義されたCanvas
領域外に描画し、後でサイズを変更すると結果が返されません。
下の例は、黒いストロークで輪郭が描かれた3つの半透明の塗りつぶした幾何学的図形を描く方法を示しています。
Canvas canvas = new Canvas(185, 70);
GraphicsContext gc = canvas.getGraphicsContext2D();
// Set stroke color, width, and global transparency
gc.setStroke(Color.BLACK);
gc.setLineWidth(2d);
gc.setGlobalAlpha(0.5d);
// Draw a square
gc.setFill(Color.RED);
gc.fillRect(10, 10, 50, 50);
gc.strokeRect(10, 10, 50, 50);
// Draw a triangle
gc.setFill(Color.GREEN);
gc.fillPolygon(new double[]{70, 95, 120}, new double[]{60, 10, 60}, 3);
gc.strokePolygon(new double[]{70, 95, 120}, new double[]{60, 10, 60}, 3);
// Draw a circle
gc.setFill(Color.BLUE);
gc.fillOval(130, 10, 50, 50);
gc.strokeOval(130, 10, 50, 50);
Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow