Scalable Vector Graphics: How to Draw Zombie-Smashing Images with Code: Undead Institute, #17

By John Rhea

SVG is a language much like HTML that lets you build complex vector graphics for browsers and more. 

 

We'll discuss the difference between raster and vector graphic and how to add vectors to HTML pages. Then we'll go deep on many of the different elements SVG has and how they work, bringing all the ones we discuss together in a single project to create a portrait of Zombie Bob. 

 

If you want to learn to create SVG graphics this is a great, fun way to do it.

• Language: English
• Publisher: John Rhea
• Release date: Oct 7, 2023
• ISBN: 9798223860358

Book preview

Contents

Copyright

Four Word

Content Warning (For Silliness)

Title

Introduction

Adding SVG to a Web Page

Creating Zombie Bob

HTML vs. SVG

The

SVG Elements

The element

Adding Some Body Parts

Dealing with Text

, , and

, and

Final Projects

BackMatter

© 2023 by John Rhea. All rights reserved. This book or any portion thereof may not be reproduced or used in any manner whatsoever without the express written permission of the publisher except for the use of brief quotations in a book review.

Distributed by the Undead Institute a division of StoryLab LLC

You Know What Else Kills Zombies?

Honest feedback. Enjoyed the book? Found an error or an omission? Still confused about something? Want to complement the author’s sense of humor (or lack thereof)? Email John directly at [e-mail]

Find More Zombified Web Development at

https://undead.institute

Four Word

Zombie Bob draws contagion

Content Warning (for Silliness)

This book contains a large amount of information, zombies, silliness, and a sense of humor that some would call terrible. If you’re looking for straight technical information or a cure to your insomnia, this is not the book for you.

If you’re looking for a book that’s accessible to those without technical training or inclination and/or don’t mind laughing a bit while you’re learning, this book is for you. We at the Undead Institute believe that getting braaains should be fun. Join us and let’s stop those smelly zombies once and for all! (No, seriously. Their breath is terrible.)

Scalable Vector Graphics:

How to Draw Zombie-Smashing Images with Code

by John Rhea

Published by The Undead Institute

To understand the zombie-smashing power of Scalable Vector Graphics (SVGs), you need to know the difference between vector and raster graphics.

You’re probably familiar with raster graphics—even if you’ve never heard the word raster. These graphics use small individual dots (pixels) to create an image. With lots and lots of small dots, you can get high resolution photos and other kinds of complex and realistic imagery.

The downside, despite recent progress, is that raster images don’t upsize very