Vector graphics Study Guide
Study Guide
📖 Core Concepts
Vector graphics: Images built from geometric primitives (points, lines, curves, polygons) defined by mathematical equations on a Cartesian plane.
Raster graphics: Images stored as a grid of pixels, each with a fixed color value.
Coordinate geometry:
2‑D point → $p = (x, y)$
3‑D point → $p = (x, y, z)$
Geometric primitives:
Point: location only, no dimension.
Line segment: two end points, linear interpolation.
Polyline: ordered list of points joined by line segments.
Polygon: closed polyline (first = last vertex) defining an interior region.
Parametric curves (smooth interpolation): Bézier, Catmull‑Rom, cubic splines, NURBS.
File formats: SVG (web‑standard, text‑based), DWG/DXF (CAD), Shapefile/GeoJSON/KML (GIS), PDF, AI, EPS, WMF, CDR.
Transformations: translation, rotation, scaling, mirroring, skewing, affine matrix operations – all preserve mathematical definition.
Lossless conversion: Moving a vector dataset between formats that support the same primitives and attributes without geometry or attribute loss.
Advantages: Small file size, infinite resolution, easy editing, device‑independent units, crisp printing at any scale.
📌 Must Remember
Infinite scaling → no pixelation because objects are described mathematically.
Typical vector file extensions: .svg, .dwg, .dxf, .shp, .kml, .geojson, .pdf, .ai.
Primitive definitions: point (0‑D), line segment (1‑D), polygon (2‑D), mesh/NURBS (3‑D).
Set operations on closed shapes: union, difference, intersection.
Rasterization requirement: All displays/printers are raster devices; vector → raster conversion size depends on target resolution, not on original vector size.
When vectors shine: logos, icons, schematics, maps, CAD/BIM models, any artwork needing precision at multiple scales.
When raster shines: continuous‑tone photographs, remote‑sensing imagery, textures.
🔄 Key Processes
Rasterizing a vector file
Load vector description (paths, shapes, attributes).
Choose output resolution (DPI) and device‑independent units.
Apply transformation matrices (if any).
Sample curves/polygons into pixel grid → bitmap.
Basic transformation of a vector object
Identify transformation type (translate, rotate, scale, etc.).
Build the appropriate matrix \(M\).
Multiply each vertex coordinate \(\mathbf{v}\) by \(M\): \(\mathbf{v}' = M\mathbf{v}\).
Update object’s attribute data if needed (e.g., line weight).
Lossless format conversion
Verify source and target formats support all used primitives/attributes.
Map each primitive to the target’s equivalent representation.
Copy attribute tables unchanged.
Write the new file – geometry and attributes remain identical.
Set operation (e.g., union)
Ensure both shapes are closed polygons.
Compute the planar overlay to identify overlapping regions.
Merge interior regions according to operation rule.
Output new polygon geometry with combined attributes.
🔍 Key Comparisons
Vector vs Raster
Scalability: Vector = infinite, Raster = pixel‑limited.
Data type: Vector = coordinates + parameters, Raster = pixel matrix.
Best use: Vector = logos, CAD, GIS; Raster = photos, textures.
SVG vs Other Vector Formats
Text‑based: SVG = XML text, DWG/DXF = binary/proprietary.
Web focus: SVG = native to browsers, others = desktop‑oriented.
Parametric Curve vs Polygon Approximation
Smoothness: Curve = continuous derivative, Polygon = piecewise linear.
Control: Curve = few control points, Polygon = many vertices for same shape.
⚠️ Common Misunderstandings
“Vector files are always smaller than raster files.”
True for simple geometry, but very complex meshes or many attributes can exceed a modest raster.
“Vector graphics cannot show shadows or photorealism.”
Shadows can be modeled with abstract light‑ray vectors or gradient fills; some vector renderers achieve photorealistic results.
“All vector formats are losslessly interchangeable.”
Only if both support the same primitive set and attribute schema; otherwise data loss occurs.
“Pen plotters are still the standard for large‑format printing.”
Modern printers rasterize the vector data; traditional plotters are largely obsolete.
🧠 Mental Models / Intuition
Vector as a recipe: The file lists what to draw (coordinates, commands) rather than how it looks pixel by pixel.
Parametric curve as a rubber band: Pull the band through control points; the band’s smooth shape is the curve.
Transformations as matrix “gloves”: Slip the coordinate glove on, twist/scale it, then take it off – the shape changes but its definition stays perfect.
🚩 Exceptions & Edge Cases
When raster is preferred despite vector benefits: High‑detail photographic backgrounds, texture maps, or when the target device cannot rasterize on‑the‑fly (e.g., legacy printers).
Lossless conversion fails: Converting from a format that supports NURBS to one that only knows polygons will force an approximation.
Very dense meshes: Large 3‑D polygon meshes may produce huge vector files, negating size advantage.
📍 When to Use Which
Choose vector when you need:
Scalability across many output sizes (logos, icons).
Precise geometric editing (CAD, GIS).
Small, editable file size for simple shapes.
Choose raster when you need:
Continuous‑tone detail (photos, satellite imagery).
Compatibility with pixel‑based filters/effects.
File format decision
Web graphics: SVG (resolution‑independent, editable).
CAD work: DWG/DXF (full parametric data).
GIS data exchange: Shapefile, GeoJSON, KML (attribute tables + geometry).
Print‑ready documents: PDF (embedded vector + optional raster).
👀 Patterns to Recognize
Coordinate list + commands → vector description (e.g., M x y L x y).
File extension .svg → text‑based paths, CSS‑style styling.
Presence of “union”, “difference”, “intersection” → set operations on closed shapes.
Attributes table attached to geometry → GIS vector dataset.
Mention of DPI or pixel dimensions → rasterization step is required.
🗂️ Exam Traps
Distractor: “Vector graphics always produce smaller files than raster images of the same visual complexity.”
Why tempting: General rule of fewer data points.
Why wrong: Complex vector meshes or many attributes can outweigh a modest raster.
Distractor: “All vector formats are text‑based.”
Why tempting: SVG is text‑based, but DWG/DXF are binary.
Distractor: “Pen plotters are still necessary for high‑resolution prints.”
Why tempting: Historical association with vector drawing.
Why wrong: Modern printers rasterize vectors; plotters are rarely used.
Distractor: “Lossless conversion is guaranteed between any two vector formats.”
Why tempting: Phrase “vector → vector”.
Why wrong: Only if both formats support identical primitives and attribute structures.
Distractor: “Vector graphics cannot represent shadows.”
Why tempting: Shadows often thought of as raster shading.
Why wrong: Shadows can be modeled with vector light rays, gradient fills, or separate vector shapes.
or
Or, immediately create your own study flashcards:
Upload a PDF.
Master Study Materials.
Master Study Materials.
Start learning in seconds
Drop your PDFs here or
or