Permalink
Fetching contributors…
Cannot retrieve contributors at this time
105 lines (78 sloc) 7.87 KB
title ms.custom ms.date ms.prod ms.reviewer ms.suite ms.technology ms.tgt_pltfrm ms.topic dev_langs helpviewer_keywords ms.assetid caps.latest.revision author ms.author manager
Types of Coordinate Systems
03/30/2017
.net-framework
dotnet-winforms
article
jsharp
transformations, page
unit of measure
world coordinate system
page coordinate system
page transformation
device coordinate system
world transformation
coordinate systems
transformations, world
c61ff50a-eb1d-4e6c-83cd-f7e9764cfa9f
15
dotnet-bot
dotnetcontent
wpickett

Types of Coordinate Systems

[!INCLUDEndptecgdiplus] uses three coordinate spaces: world, page, and device. World coordinates are the coordinates used to model a particular graphic world and are the coordinates you pass to methods in the .NET Framework. Page coordinates refer to the coordinate system used by a drawing surface, such as a form or control. Device coordinates are the coordinates used by the physical device being drawn on, such as a screen or sheet of paper. When you make the call myGraphics.DrawLine(myPen, 0, 0, 160, 80), the points that you pass to the xref:System.Drawing.Graphics.DrawLine%2A method—(0, 0) and (160, 80)—are in the world coordinate space. Before [!INCLUDEndptecgdiplus] can draw the line on the screen, the coordinates pass through a sequence of transformations. One transformation, called the world transformation, converts world coordinates to page coordinates, and another transformation, called the page transformation, converts page coordinates to device coordinates.

Transforms and Coordinate Systems

Suppose you want to work with a coordinate system that has its origin in the body of the client area rather than the upper-left corner. Say, for example, that you want the origin to be 100 pixels from the left edge of the client area and 50 pixels from the top of the client area. The following illustration shows such a coordinate system.

Coordinate System

When you make the call myGraphics.DrawLine(myPen, 0, 0, 160, 80), you get the line shown in the following illustration.

Coordinate System

The coordinates of the endpoints of your line in the three coordinate spaces are as follows:

World (0, 0) to (160, 80)
Page (100, 50) to (260, 130)
Device (100, 50) to (260, 130)

Note that the page coordinate space has its origin at the upper-left corner of the client area; this will always be the case. Also note that because the unit of measure is the pixel, the device coordinates are the same as the page coordinates. If you set the unit of measure to something other than pixels (for example, inches), then the device coordinates will be different from the page coordinates.

The world transformation, which maps world coordinates to page coordinates, is held in the xref:System.Drawing.Graphics.Transform%2A property of the xref:System.Drawing.Graphics class. In the preceding example, the world transformation is a translation 100 units in the x direction and 50 units in the y direction. The following example sets the world transformation of a xref:System.Drawing.Graphics object and then uses that xref:System.Drawing.Graphics object to draw the line shown in the preceding figure:

[!code-csharpSystem.Drawing.CoordinateSystems#31] [!code-vbSystem.Drawing.CoordinateSystems#31]

The page transformation maps page coordinates to device coordinates. The xref:System.Drawing.Graphics class provides the xref:System.Drawing.Graphics.PageUnit%2A and xref:System.Drawing.Graphics.PageScale%2A properties for manipulating the page transformation. The xref:System.Drawing.Graphics class also provides two read-only properties, xref:System.Drawing.Graphics.DpiX%2A and xref:System.Drawing.Graphics.DpiY%2A, for examining the horizontal and vertical dots per inch of the display device.

You can use the xref:System.Drawing.Graphics.PageUnit%2A property of the xref:System.Drawing.Graphics class to specify a unit of measure other than the pixel.

[!NOTE] You cannot set the xref:System.Drawing.Graphics.PageUnit%2A property to xref:System.Drawing.GraphicsUnit.World, as this is not a physical unit and will cause an exception.

The following example draws a line from (0, 0) to (2, 1), where the point (2, 1) is 2 inches to the right and 1 inch down from the point (0, 0):

[!code-csharpSystem.Drawing.CoordinateSystems#32] [!code-vbSystem.Drawing.CoordinateSystems#32]

[!NOTE] If you don't specify a pen width when you construct your pen, the preceding example will draw a line that is one inch wide. You can specify the pen width in the second argument to the xref:System.Drawing.Pen constructor:

[!code-csharpSystem.Drawing.CoordinateSystems#33] [!code-vbSystem.Drawing.CoordinateSystems#33]

If we assume that the display device has 96 dots per inch in the horizontal direction and 96 dots per inch in the vertical direction, the endpoints of the line in the preceding example have the following coordinates in the three coordinate spaces:

World (0, 0) to (2, 1)
Page (0, 0) to (2, 1)
Device (0, 0, to (192, 96)

Note that because the origin of the world coordinate space is at the upper-left corner of the client area, the page coordinates are the same as the world coordinates.

You can combine the world and page transformations to achieve a variety of effects. For example, suppose you want to use inches as the unit of measure and you want the origin of your coordinate system to be 2 inches from the left edge of the client area and 1/2 inch from the top of the client area. The following example sets the world and page transformations of a xref:System.Drawing.Graphics object and then draws a line from (0, 0) to (2, 1):

[!code-csharpSystem.Drawing.CoordinateSystems#34] [!code-vbSystem.Drawing.CoordinateSystems#34]

The following illustration shows the line and coordinate system.

Coordinate System

If we assume that the display device has 96 dots per inch in the horizontal direction and 96 dots per inch in the vertical direction, the endpoints of the line in the preceding example have the following coordinates in the three coordinate spaces:

World (0, 0) to (2, 1)
Page (2, 0.5) to (4, 1.5)
Device (192, 48) to (384, 144)

See Also

Coordinate Systems and Transformations
Matrix Representation of Transformations