次の方法で共有

ベクター グラフィックスの概要

  • [アーティクル]

GDI+ により、座標系上に線、四角形、その他の図形が描画されます。 さまざまな座標系から選択することができますが、既定の座標系では、左上隅に原点があり、x 軸は右向き、y 軸は下向きになっています。 既定の座標系の測定単位はピクセルです。

GDI+ の構成要素

Screenshot of the GDI Plus default coordinate system.

コンピューター モニターでは、画素またはピクセルと呼ばれるドットの四角形の配列に表示が作成されます。 画面に表示されるピクセルの数は、モニターによって異なります。また、個々のモニターに表示されるピクセルの数は、通常、ユーザーが一定の範囲で構成できます。

Screenshot of a rectangular array showing three pixels at coordinates 0,0, 4,2, and 12,8.

GDI+ を使用して線、四角形、または曲線を描画する場合は、描画される項目に関する特定の主要な情報を指定します。 たとえば、2 つの点を提供することにより直線を指定でき、点、高さ、幅を提供することにより四角形を指定できます。 GDI+ とディスプレイ ドライバー ソフトウェアの連携により、直線、四角形、曲線を表示するためにオンにする必要があるピクセルが決定されます。 次の図は、点 (4, 2) から点 (12, 8) まで直線を表示するためにオンにされるピクセルを示したものです。

Screenshot of a rectangular array showing a line being drawn from a pixel at coordinate 4,2 to a pixel at coordinate 12,8.

時が経つにつれて、いくつかの基本的な構成要素が、2 次元の画像を作成するのに最も役に立つことが実証されています。 次の一覧はこのような構成要素を示したものであり、これらはすべて GDI+ でサポートされています。

  • 路線

  • 四角形

  • 楕円

  • 円弧

  • 多角形

  • カーディナル スプライン

  • ベジエ スプライン

グラフィックス オブジェクトを使用して描画するためのメソッド

GDI+ の Graphics クラスでは、前の一覧の項目を描画するために次のメソッドが提供されています: DrawLine、DrawRectangle、DrawEllipse、DrawPolygon、DrawArc、DrawCurve (カーディナル スプラインの場合)、DrawBezier。 これらのメソッドはそれぞれオーバーロードされます。つまり、各メソッドで、いくつかの異なるパラメーター リストをサポートしています。 たとえば、DrawLine メソッドのあるバリエーションは、Pen オブジェクトと 4 つの整数を受け取りますが、DrawLine メソッドの別のバリエーションは、Pen オブジェクトと 2 つの Point オブジェクトを受け取ります。

直線、四角形、ベジエ スプラインを描画するためのメソッドには、1 回の呼び出しで複数の項目を描画する複数形の関連メソッドがあります (DrawLines、DrawRectangles、DrawBeziers)。 また、DrawCurve メソッドには、曲線の終点を始点に接続することによって曲線を閉じる関連メソッド DrawClosedCurve があります。

Graphics クラスのすべての描画メソッドは、Pen オブジェクトと連携して動作します。 何かを描画するには、少なくとも Graphics オブジェクトと Pen オブジェクトの 2 つのオブジェクトを作成する必要があります。 Pen オブジェクトには、描画される項目の属性 (線の幅や色など) が格納されます。 Pen オブジェクトは、引数の 1 つとして描画メソッドに渡されます。 たとえば、次の例に示すように、DrawLine メソッドの 1 つのバリエーションは、Pen オブジェクトと 4 つの整数を受け取ります。この場合、幅 100、高さ 50、左上隅 (20, 10) の四角形が描画されます。

myGraphics.DrawRectangle(myPen, 20, 10, 100, 50);

myGraphics.DrawRectangle(myPen, 20, 10, 100, 50)

関連項目