サーチ…


前書き

Canvasは、画像、図形、およびテキストを表示できる空白の四角形の領域として表されるJavaFX Nodeです。各Canvasは、描画呼び出しの受信とバッファリングを担当するGraphicsContextオブジェクトが1つ含まれています。描画呼び出しは、最後にCanvasによって画面に表示されます。

基本形状

GraphicsContextは、幾何学的図形を描画して塗りつぶすためのメソッドのセットを提供します。通常、これらのメソッドでは、直接またはdouble値の配列の形式で、座標としてパラメータを渡す必要があります。座標は、 Canvas基準にしています。 Canvas原点は左上隅です。

注: GraphicsContextCanvas境界の外側に描画されません。つまり、サイズで定義された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