Generative Art with JavaScript and SVG: Utilizing Scalable Vector Graphics and Algorithms for Creative Coding and Design

© The Author(s), under exclusive license to APress Media, LLC, part of Springer Nature 2024

D. MatthewGenerative Art with JavaScript and SVGDesign Thinkinghttps://doi.org/10.1007/979-8-8688-0086-3_3

3. All About SVG

David Matthew¹  

(1)

Limerick, Ireland

 

With the basics of JavaScript under your belt, you’re now ready for SvJs, which you can think of as your generative brush and palette.

In this chapter, we’ll cover setting up our SVG canvas; how to work with line and color; how to create a range of simple shapes; how to add text and titles; how to define and reuse elements; how to use groups, gradients, and patterns; and how the SVG viewBox and viewport work; and in the process, we’ll learn the core functions of the SvJs library and how it relates ...