Vector graphics

From Wikipedia, the free encyclopedia

This article needs additional citations for verification. Please help improve this article by adding reliable references. Unsourced material may be challenged and removed. (January 2008)

Example showing effect of vector graphics versus raster graphics. The original vector-based illustration is at the left. The upper-right image illustrates magnification of 7x as a vector image. The lower-right image illustrates the same magnification as a bitmap image. Raster images are based on pixels and thus scale with loss of clarity, while vector-based images can be scaled indefinitely without degrading.

Vector graphics (also called geometric modeling or object-oriented graphics) is the use of geometrical primitives such as points, lines, curves, and polygons, which are all based upon mathematical equations to represent images in computer graphics.

Vector graphics is an alternative to raster graphics, which is the representation of images as a collection of pixels, as is typically used for the representation of photographic images.^[1]

[edit] Overview

Most computer displays translate vector representations of an image to a raster format. The drawing software is used for creating and editing vector graphics. The image can be changed by editing these objects. They can be stretched, twisted, coloured, and so on with a series of tools. The raster image containing a value for every pixel on the screen is stored in memory. Starting in the earliest days of computing in the 1950s and into the 1980s, a different type of display, the vector graphics system, was used. In these "calligraphic" systems the electron beam of the CRT display monitor was steered directly to trace out the shapes required, line segment by line segment, with the rest of the screen remaining black. This process was repeated many times a second ("stroke refresh") to achieve a flicker-free or near flicker-free picture. These systems allowed very high-resolution line art and moving images to be displayed without the (for that time) unthinkably huge amounts of memory that an equivalent-resolution raster system would have needed, and allowed entire subpictures to be moved, rotated, blinked, etc. by modifying only a few words of the graphic data "display file." These vector-based monitors were also known as X-Y displays.

A special type of vector display is known as the storage tube, which has a video tube that operates very similar to an Etch A Sketch. As the electron beam moves across the screen, an array of small low-power electron flood guns keep the path of the beam continuously illuminated. This allows the video display itself to act as a memory storage for the computer. The detail and resolution of the image can be very high, and the vector computer could slowly paint out paragraphs of text and complex images over a period of a few minutes, while the storage display kept the previously written parts continuously visible. The image retention of a storage display can last for many hours with the vector storage display powered, but the screen can clear instantly with the push of a button or a signal from the driving vector computer.

Vectorising is good for removing unnecessary detail from a photograph. This is especially useful for information graphics or line art. (Images were converted to JPEG for display on this page.)

An original reference photograph.

Detail can be added or removed from vector art, vector illustrations can have their own colours, allowing artists to achieve desired results.

One of the first uses of vector graphic displays was the US SAGE air defense system. Vector graphics systems were only retired from U.S. en route air traffic control in 1999, and are likely still in use in military and specialised systems. Vector graphics were also used on the TX-2 at the MIT Lincoln Laboratory by computer graphics pioneer Ivan Sutherland to run his program Sketchpad in 1963.

Subsequent vector graphics systems include Digital's GT40 [1]. There was a home gaming system that used vector graphics called Vectrex as well as various arcade games like Asteroids and Space Wars. Storage scope displays, such as the Tektronix 4014, could also create dynamic vector images by driving the display at a lower intensity.

Modern vector graphics displays can sometimes be found at laser light shows, using two fast-moving X-Y mirrors to rapidly draw shapes and text on a large screen.

The term vector graphics is mainly used today in the context of two-dimensional computer graphics. It is one of several modes an artist can use to create an image on a raster display. Other modes include text, multimedia and 3D rendering. Virtually all modern 3D rendering is done using extensions of 2D vector graphics techniques. Plotters used in technical drawing still draw vectors directly to paper.

[edit] Motivation

For example, consider circle of radius r. The main pieces of information a program needs in order to draw this circle are

1. that the following data are describing a circle
2. the radius r and equation of a circle
3. the location of the center point of the circle
4. stroke line style and colour (possibly transparent)
5. fill style and colour (possibly transparent)

Advantages to this style of drawing over raster graphics:

• This minimal amount of information translates to a much smaller file size compared to large raster images (the size of representation doesn't depend on the dimensions of the object), though a vector graphic with a small file size is often said to lack detail compared with a real world photo.
• Correspondingly, one can indefinitely zoom in on e.g. a circle arc, and it remains smooth. On the other hand, a polygon representing a curve will reveal being not really curved.
• On zooming in, lines and curves need not get wider proportionally. Often the width is either not increased or less than proportional. On the other hand, irregular curves represented by simple geometric shapes may be made proportionally wider when zooming in, to keep them looking smooth and not like these geometric shapes.
• The parameters of objects are stored and can be later modified. This means that moving, scaling, rotating, filling etc. doesn't degrade the quality of a drawing. Moreover, it is usual to specify the dimensions in device-independent units, which results in the best possible rasterization on raster devices.
• From a 3-D perspective, rendering shadows is also much more realistic with vector graphics, as shadows can be abstracted into the rays of light which form them. This allows for photo realistic images and renderings.

[edit] Typical primitive objects

• lines and polylines
• polygons
• circles and ellipses
• Bézier curves
• Bezigons
• Text (in computer fonts such as TrueType where each letter is created from Bézier curves)

This list is not complete. There are various types of curves (Catmull-Rom splines, NURBS etc.), which are useful in certain applications.

Often, a bitmap image is considered as a primitive object. From the conceptual view, it behaves as a rectangle.

[edit] Vector operations

Vector graphics editors typically allow rotation, movement, mirroring, stretching, skewing, affine transformations, changing of z-order and combination of primitives into more complex objects.

More sophisticated transformations include set operations on closed shapes (union, difference, intersection, etc.).

Vector graphics are ideal for simple or composite drawings that need to be device-independent, or do not need to achieve photo-realism. For example, the PostScript and PDF page description languages use a vector graphics model.

Advanced vector artists are developing more photo-realistic vector art every day. With the use of Adobe Illustrator, the mesh tool has been extremely helpful in advancing the realism of vector graphics and pushing the technology to the edge.

[edit] Printing

Vector art is key for printing. Since the art is made from a series of mathematical curves it will print very crisp even when resized. For instance one can take the same vector logo and print it on a business card, and then enlarge it to billboard size and keep the same crisp quality. A low-resolution raster graphic would blur incredibly if it were enlarged from business card size to billboard size.

[edit] 3D modeling

In 3D computer graphics, vectorized surface representations are most common (bitmaps can be used for special purposes such as surface texturing, height-field data and bump mapping). At the low-end, simple meshes of polygons are used to represent geometric detail in applications where interactive frame rates or simplicity are important. At the high-end, where one is willing to trade-off higher rendering times for increased image quality and precision, smooth surface representations such as Bézier patches, NURBS or Subdivision surfaces are used. One can however achieve a smooth surface rendering from a polygonal mesh through the use of shading algorithms such as Phong and Gouraud.

[edit] Formats

Main article: Image_file_formats#Vector_formats

One example of vector graphics format is SVG (Scalable Vector Graphics), an open standard created and developed by the World Wide Web Consortium to address the need (and attempts of several corporations) for a versatile, scriptable and all-purpose vector format for the web and otherwise. Another example is VML, a proposed standard that was adopted by Microsoft.

Online tools can be used to create vector graphics of extreme detail. The one above keeps its integrity (remains clean) regardless of the resolution used in the webpage. Such vector graphics are retained in a specialized XML language, as opposed to "binary" raster image formats like JPEG, PNG, or GIF.

[edit] See also

• Cairo
• Computer-aided design
• Electronic maps
• Graphics software
• Graphics file format summary
• GXL
• List of vector graphics editors
• List of vector graphics markup languages
• Raster to vector
• Shapefile
• Turtle graphics
• Vector game
• Vector graphics editor
• VML
• Vector monitor
• Vexel
• Wire frame model

[edit] References

[edit] External links

• Converting Bitmaps to Vector
• VectorMagic Online