Vector graphics

Last updated

Example showing effect of vector graphics versus raster graphics VectorBitmapExample.svg
Example showing effect of vector graphics versus raster graphics

Vector graphics, as a form of computer graphics, is the set of mechanisms for creating visual images directly from geometric shapes defined on a Cartesian plane, such as points, lines, curves, and polygons. These mechanisms may include vector display and printing hardware, vector data models and file formats, and software based on these data models (especially graphic design software, Computer-aided design, and Geographic information systems). Vector graphics are an alternative to raster graphics, each having advantages and disadvantages in general and in specific situations. [1]

Contents

While vector hardware has largely disappeared in favor of raster-based monitors and printers, [2] vector data and software continues to be widely used, especially when a high degree of geometric precision is required, and when complex information can be decomposed into simple geometric primitives. Thus, it is the preferred model for domains such as engineering, architecture, surveying, 3D rendering, and typography, but is entirely inappropriate for applications such as photography and remote sensing, where raster is more effective and efficient. Some application domains, such as Geographic information systems (GIS) and graphic design, use both vector and raster graphics at times, depending on purpose.

Vector graphics are based on the mathematics of analytic or coordinate geometry, and is not related to other mathematical uses of the term vector, including Vector fields and Vector calculus. This can lead to some confusion in disciplines in which both meanings are used.

Data model

The logical data model of vector graphics is based on the mathematics of coordinate geometry, in which shapes are defined as a set of points in a two- or three-dimensional cartesian coordinate system, as p = (x, y) or p = (x, y, z). Because almost all shapes consist of an infinite number of points, the vector model defines a limited set of geometric primitives that can be specified using a finite sample of salient points called vertices. For example, a square can be unambiguously defined by the locations of its four corners, from which the software can interpolate the connecting boundary lines and the interior space. Because it is a regular shape, a square could also be defined by the location of one corner, a size (width=height), and a rotation angle.

The fundamental geometric primitives are:

A variety of more complex shapes may be supported:

In many vector datasets, each shape can be combined with a set of properties. The most common are visual characteristics, such as color, line weight, or dash pattern. In systems in which shapes represent real-world features, such as GIS and BIM, a variety of attributes of each represented feature can be stored, such as name, age, size, and so on. [3]

In some Vector data, especially in GIS, information about topological relationships between objects may be represented in the data model, such as tracking the connections between road segments in a transport network. [4]

If a dataset stored in one vector file format is converted to another file format that supports all the primitive objects used in that particular image, then the conversion can be lossless.

Vector display hardware

A free software Asteroids-like video game played on a vector monitor Space Rocks (game).jpg
A free software Asteroids -like video game played on a vector monitor

Vector-based devices, such as the vector CRT and the pen plotter, directly control a drawing mechanism to produce geometric shapes. Since vector display devices can define a line by dealing with just two points (that is, the coordinates of each end of the line), the device can reduce the total amount of data it must deal with by organizing the image in terms of pairs of points. [5]

Vector graphic displays were first used in 1958 by the US SAGE air defense system. [6] Vector graphics systems were retired from the U.S. en route air traffic control in 1999.[ citation needed ] 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. [7]

Subsequent vector graphics systems, most of which iterated through dynamically modifiable stored lists of drawing instructions, include the IBM 2250, Imlac PDS-1, and DEC GT40. There was a video game console that used vector graphics called Vectrex as well as various arcade games like Asteroids , Space Wars, and many cinematronics titles such as Rip-Off , and Tail Gunner using vector monitors. [8] Storage scope displays, such as the Tektronix 4014, could display vector images but not modify them without first erasing the display. However, these were never as widely used as the raster-based scanning displays used for television, and had largely disappeared by the mid-1980s except for specialized applications.

Plotters used in technical drawing still draw vectors directly to paper by moving a pen as directed through the two-dimensional space of the paper. However, as with monitors, these have largely been replaced by the Wide-format printer that prints a raster image (which may be rendered from vector data).

Software

Because this model is useful in a variety of application domains, many different software programs have been created for drawing, manipulating, and visualizing vector graphics. While these are all based on the same basic vector data model, they can interpret and structure shapes very differently, using very different file formats.

File formats

This vector-based (SVG format) image of a round four-color swirl displays several unique features of vector graphics versus raster graphics: there is no aliasing along the rounded edge (which would result in digital artifacts in a raster graphic), the color gradients are all smooth, and the user can resize the image infinitely without losing any quality. Vector-based example.svg
This vector-based (SVG format) image of a round four-color swirl displays several unique features of vector graphics versus raster graphics: there is no aliasing along the rounded edge (which would result in digital artifacts in a raster graphic), the color gradients are all smooth, and the user can resize the image infinitely without losing any quality.

Vector graphics are commonly found today in the SVG, WMF, EPS, PDF, CDR or AI types of graphic file formats, and are intrinsically different from the more common raster graphics file formats such as JPEG, PNG, APNG, GIF, WebP, BMP and MPEG4.

The World Wide Web Consortium (W3C) standard for vector graphics is Scalable Vector Graphics (SVG). The standard is complex and has been relatively slow to be established at least in part owing to commercial interests. Many web browsers now have some support for rendering SVG data but full implementations of the standard are still comparatively rare.

In recent years, SVG has become a significant format that is completely independent of the resolution of the rendering device, typically a printer or display monitor. SVG files are essentially printable text that describes both straight and curved paths, as well as other attributes. Wikipedia prefers SVG for images such as simple maps, line illustrations, coats of arms, and flags, which generally are not like photographs or other continuous-tone images. Rendering SVG requires conversion to a raster format at a resolution appropriate for the current task. SVG is also a format for animated graphics.

There is also a version of SVG for mobile phones. In particular, the specific format for mobile phones is called SVGT (SVG Tiny version). These images can count links and also exploit anti-aliasing. They can also be displayed as wallpaper.

CAD software uses its own vector data formats, usually proprietary formats created by the software vendors, such as Autodesk's DWG and public exchange formats such as DXF. Hundreds of distinct vector file formats have been created for GIS data over its history, including proprietary formats like the Esri file geodatabase, proprietary but public formats like the Shapefile and the original KML, open source formats like GeoJSON, and formats created by standards bodies like Simple Features and GML from the Open Geospatial Consortium.

Conversion

The list of image file formats covers proprietary and public vector formats.
Original reference photo before vectorization Phone.jpg
Original reference photo before vectorization
Detail can be added to or removed from vector art. Phone.svg
Detail can be added to or removed from vector art.

To raster

Modern displays and printers are raster devices; vector formats have to be converted to a raster format (bitmaps – pixel arrays) before they can be rendered (displayed or printed). [10] The size of the bitmap/raster-format file generated by the conversion will depend on the resolution required, but the size of the vector file generating the bitmap/raster file will always remain the same. Thus, it is easy to convert from a vector file to a range of bitmap/raster file formats but it is much more difficult to go in the opposite direction, especially if subsequent editing of the vector picture is required. It might be an advantage to save an image created from a vector source file as a bitmap/raster format, because different systems have different (and incompatible) vector formats, and some might not support vector graphics at all. However, once a file is converted from the vector format, it is likely to be bigger, and it loses the advantage of scalability without loss of resolution. It will also no longer be possible to edit individual parts of the image as discrete objects. The file size of a vector graphic image depends on the number of graphic elements it contains; it is a list of descriptions.

From raster

Printing

Vector art is ideal for printing since the art is made from a series of mathematical curves; it will print very crisply even when resized. [11] For instance, one can print a vector logo on a small sheet of copy paper, and then enlarge the same vector logo to billboard size and keep the same crisp quality. A low-resolution raster graphic would blur or pixelate excessively if it were enlarged from business card size to billboard size. (The precise resolution of a raster graphic necessary for high-quality results depends on the viewing distance; e.g., a billboard may still appear to be of high quality even at low resolution if the viewing distance is great enough.) [12]

If we regard typographic characters as images, then the same considerations that we have made for graphics apply even to the composition of written text for printing (typesetting). Older character sets were stored as bitmaps. Therefore, to achieve maximum print quality they had to be used at a given resolution only; these font formats are said to be non-scalable. High-quality typography is nowadays based on character drawings (fonts) which are typically stored as vector graphics, and as such are scalable to any size. Examples of these vector formats for characters are Postscript fonts and TrueType fonts.

Operation

Advantages to this style of drawing over raster graphics:

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

  1. an indication that what is to be drawn is a circle
  2. the radius r
  3. the location of the center point of the circle
  4. stroke line style and color (possibly transparent)
  5. fill style and color (possibly transparent)

Vector formats are not always appropriate in graphics work and also have numerous disadvantages. [14] For example, devices such as cameras and scanners produce essentially continuous-tone raster graphics that are impractical to convert into vectors, and so for this type of work, an image editor will operate on the pixels rather than on drawing objects defined by mathematical expressions. Comprehensive graphics tools will combine images from vector and raster sources, and may provide editing tools for both, since some parts of an image could come from a camera source, and others could have been drawn using vector tools.

Some authors have criticized the term vector graphics as being confusing. [15] [16] In particular, vector graphics does not simply refer to graphics described by Euclidean vectors. [17] Some authors have proposed to use object-oriented graphics instead. [15] [18] [19] However this term can also be confusing as it can be read as any kind of graphics implemented using object-oriented programming. [15]

Vector operations

Vector graphics editors typically allow translation, rotation, mirroring, stretching, skewing, affine transformations, changing of z-order (loosely, what's in front of what) and combination of primitives into more complex objects.[ citation needed ] More sophisticated transformations include set operations on closed shapes (union, difference, intersection, etc.). [20]

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

See also

Notes

  1. Nigel Chapman; Jenny Chapman (2002) [2000]. Digital Multimedia . Wiley. p.  86. ISBN   0-471-98386-1.
  2. Arie Kaufman (1993). Rendering, Visualization and Rasterization Hardware. Springer Science & Business Media. pp. 86–87. ISBN   978-3-540-56787-5.
  3. Vector Data Models, Essentials of Geographic Information Systems, Saylor Academy, 2012
  4. Bolstad, Paul (2008). GIS Fundamentals: A First Text on Geographic Information Systems (3rd ed.). Eider Press. p. 37.
  5. Murray 2002, pp. 81–83.
  6. Holzer, Derek (April 2019). Vector Synthesis: a Media-Archaeological Investigation into Sound-Modulated Light (PDF) (Thesis). Aalto University. urn:NBN:fi:aalto-201905193156 . Retrieved July 31, 2020.
  7. Kassem, Dalal (October 15, 2014). The Sketchpad Window (Thesis). Virginia Polytechnic Institute and State University. hdl:10919/63920 . Retrieved September 18, 2020.
  8. Wolf, Mark J. P. (2008). The Video Game Explosion: A History from PONG to Playstation and Beyond. ABC-CLIO. pp. 67–71. ISBN   978-0-313-33868-7 . Retrieved July 31, 2020.
  9. Peuquet, Donna J. (1984), A Conceptual Framework and Comparison of Spatial Data Models, Cartographica 21 (4): 66–113. doi:10.3138/D794-N214-221R-23R5.
  10. Gharachorloo et al. 1989, p. 355.
  11. "Vector & Raster Graphics in Offset Printing – Olympus Press – Commercial Printing". Olypress.com. December 6, 2013. Retrieved June 16, 2014.
  12. "Printing and Exporting (Graphics)". Unix.eng.ua.edu. June 18, 2002. Retrieved June 16, 2014.
  13. "ASCIIsvg: Easy mathematical vector graphics". .chapman.edu. Retrieved June 16, 2014.
  14. Andy Harris. "Vector Graphics". wally.cs.iupui.edu. Archived from the original on May 18, 2012. Retrieved June 16, 2014.
  15. 1 2 3 Nigel Chapman; Jenny Chapman (2002) [2000]. Digital Multimedia . Wiley. p.  70. ISBN   0-471-98386-1.
  16. CS 354 Vector Graphics & Path Rendering, Slide 7, By Mark Kilgard, April 10, 2012, University of Texas at Austin
  17. Rex van der Spuy (2010). AdvancED Game Design with Flash. Apress. p. 306. ISBN   978-1-4302-2739-7.
  18. Ted Landau (2000). Sad Macs, Bombs and Other Disasters (4th ed.). Peachpit Press. p.  409. ISBN   978-0-201-69963-0.
  19. Amy Arntson (2011). Graphic Design Basics (6th ed.). Cengage Learning. p. 194. ISBN   978-1-133-41950-1.
  20. Barr 1984, p. 21.
  21. Qin, Zheng (January 27, 2009). Vector Graphics for Real-time 3D Rendering (PDF) (Thesis). University of Waterloo. p. 1. hdl:10012/4262 . Retrieved July 28, 2020.

Related Research Articles

Raster graphics Matrix-based data structure

In computer graphics and digital photography, a raster graphic is a mechanism that represents a two-dimensional image as a rectangular matrix or grid of square pixels, viewable via a computer display, paper, or other display medium. A raster is technically characterized by the width and height of the image in pixels and by the number of bits per pixel. Raster images are stored in image files with varying dissemination, production, generation, and acquisition formats.

Scalable Vector Graphics Open standard for two-dimensional vector graphics

Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999.

Raster graphics editor Type of application software

A raster graphics editor is a computer program that allows users to create and edit images interactively on the computer screen and save them in one of many raster graphics file formats such as JPEG, PNG, and GIF.

Rasterisation Computer graphics manipulation technique

Rasterization is the task of taking an image described in a vector graphics format (shapes) and converting it into a raster image. The rasterized image may then be displayed on a computer display, video display or printer, or stored in a bitmap file format. Rasterization may refer to the technique of drawing 3D models, or the conversion of 2D rendering primitives such as polygons, line segments into a rasterized format.

Geometric primitive basic shapes represented in vector graphics

In vector computer graphics, CAD systems, and geographic information systems, geometric primitive is the simplest geometric shape that the system can handle. Sometimes the subroutines that draw the corresponding objects are called "geometric primitives" as well. The most "primitive" primitives are point and straight line segment, which were all that early vector graphics systems had.

A GIS file format is a standard of encoding geographical information into a computer file. They are created mainly by government mapping agencies or by GIS software developers.

Clip art Graphic illustrations created for reuse by others

Clip art is a type of graphic art. Pieces are pre-made images used to illustrate any medium. Today, clip art is used extensively and comes in many forms, both electronic and printed. However, most clip art today is created, distributed, and used in a digital form. Since its inception, clip art has evolved to include a wide variety of content, file formats, illustration styles, and licensing restrictions. It is generally composed exclusively of illustrations, and does not include stock photography.

A computer font is implemented as a digital data file containing a set of graphically related glyphs. A computer font is designed and created using a font editor. A computer font specifically designed for the computer screen, and not for printing, is a screen font.

Digital illustration Use of digital tools to produce images under an artists direction

Digital illustration or computer illustration is the use of digital tools to produce images under the direct manipulation of the artist, usually through a pointing device such as a tablet or a mouse. It is distinguished from computer-generated art, which is produced by a computer using mathematical models created by the artist. It is also distinct from digital manipulation of photographs, in that it is an original construction "from scratch". Photographic elements such as background or texture may be incorporated into such works, but they are not necessarily the primary basis.

A number of vector graphics editors exist for various platforms. Potential users of these editors will make a comparison of vector graphics editors based on factors such as the availability for the user's platform, the software license, the feature set, the merits of the user interface (UI) and the focus of the program. Some programs are more suitable for artistic work while others are better for technical drawings. Another important factor is the application's support of various vector and bitmap image formats for import and export.

Image file formats are standardized means of organizing and storing digital images. An image file format may store data in an uncompressed format, a compressed format, or a vector format. Image files are composed of digital data in one of these formats so that the data can be rasterized for use on a computer display or printer. Rasterization converts the image data into a grid of pixels. Each pixel has a number of bits to designate its color. Rasterizing an image file for a specific device takes into account the number of bits per pixel that the device is designed to handle.

In computer graphics, image tracing, raster-to-vector conversion or vectorization is the conversion of raster graphics into vector graphics.

Graphic art software Subclass of application software

Graphic art software is a subclass of application software used for graphic design, multimedia development, stylized image development, technical illustration, general image editing, or simply to access graphic files. Art software uses either raster or vector graphic reading and editing methods to create, edit, and view art.

A region of interest, are samples within a data set identified for a particular purpose. The concept of a ROI is commonly used in many application areas. For example, in medical imaging, the boundaries of a tumor may be defined on an image or in a volume, for the purpose of measuring its size. The endocardial border may be defined on an image, perhaps during different phases of the cardiac cycle, for example, end-systole and end-diastole, for the purpose of assessing cardiac function. In geographical information systems (GIS), a ROI can be taken literally as a polygonal selection from a 2D map. In computer vision and optical character recognition, the ROI defines the borders of an object under consideration. In many applications, symbolic (textual) labels are added to a ROI, to describe its content in a compact manner. Within a ROI may lie individual points of interest (POIs).

3D computer graphics Graphics that use a three-dimensional representation of geometric data

3D computer graphics, sometimes called CGI, 3DCG or three-dimensional computer graphics, are graphics that use a three-dimensional representation of geometric data that is stored in the computer for the purposes of performing calculations and rendering 2D images. The resulting images may be stored for viewing later or displayed in real time. Unlike 3D film and similar techniques, the result is two-dimensional, without the illusion of being solid.

Computer graphics Graphics created using computers

Computer graphics deals with generating images with the aid of computers. Today, computer graphics is a core technology in digital photography, film, video games, cell phone and computer displays, and many specialized applications. A great deal of specialized hardware and software has been developed, with the displays of most devices being driven by computer graphics hardware. It is a vast and recently developed area of computer science. The phrase was coined in 1960 by computer graphics researchers Verne Hudson and William Fetter of Boeing. It is often abbreviated as CG, or typically in the context of film as computer generated imagery (CGI). The non-artistic aspects of computer graphics are the subject of computer science research.

A data model in geographic information systems is a mathematical and digital structure for representing geographic phenomena. Generally, geospatial data models represent various aspects of these phenomena, including spatial locations, properties, change over time, and identity. For example, the vector data model represents geography as collections of points, lines, and polygons, and the raster data model represent geography as cell matrices that store numeric values. Data models are implemented throughout the GIS ecosystem, including the software tools for data management and spatial analysis, data stored in a variety of GIS file formats, specifications and standards, and specific designs for GIS installations.

Image editing Processes of altering images, digital or traditional photos and add/paste/and cut words

Image editing encompasses the processes of altering images, whether they are digital photographs, traditional photo-chemical photographs, or illustrations. Traditional analog image editing is known as photo retouching, using tools such as an airbrush to modify photographs or editing illustrations with any traditional art medium. Graphic software programs, which can be broadly grouped into vector graphics editors, raster graphics editors, and 3D modelers, are the primary tools with which a user may manipulate, enhance, and transform images. Many image editing programs are also used to render or create computer art from scratch.

This is a glossary of terms relating to computer graphics.

Boxy SVG Vector graphics editor

Boxy SVG is a vector graphics editor for creating illustrations, as well as logos, icons, and other elements of graphic design. It is primarily focused on editing drawings in the SVG file format. The program is available as both a web app and a desktop application for Windows, macOS, Chrome OS, and Linux-based operating systems.

References

Commons-logo.svg Media related to Vector graphics at Wikimedia Commons