Scalable Vector Graphics: How to Draw Zombie-Smashing Images with Code: Undead Institute, #17
By John Rhea
()
About this ebook
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.
Read more from John Rhea
101 Terrible Zombie Jokes: Plus 13 That Might Actually be Funny Rating: 5 out of 5 stars5/5
Related to Scalable Vector Graphics
Titles in the series (24)
Further Expand Your First Website: Undead Institute, #6 Rating: 0 out of 5 stars0 ratingsBuild Your First Website (And Thwack Zombies with HTML and CSS): Undead Institute, #0 Rating: 0 out of 5 stars0 ratingsA Beginner’s Guide to Learning HTML (and Smacking Zombies Upside the Web Development): Undead Institute, #1 Rating: 0 out of 5 stars0 ratingsBeginner CSS: Like Putting Lipstick on a Zombie: Undead Institute, #2 Rating: 0 out of 5 stars0 ratingsExpand Your First Website: Thwacking Zombies With HTML & CSS Again: Undead Institute, #3 Rating: 0 out of 5 stars0 ratingsHTML Forms & Interactive Elements: Or How to Poke a Zombie in the Eye: Undead Institute, #5 Rating: 0 out of 5 stars0 ratingsResponsive Design: An Undead Introduction to Mobile Web Development: Undead Institute, #8 Rating: 0 out of 5 stars0 ratingsBeginner Usability: A Novice's Guide to Zombie Proofing Your Website: Undead Institute, #4 Rating: 0 out of 5 stars0 ratingsPFC Wiggins's Unofficial Commissary: An Undead Institute HTML & CSS Workbook: Undead Institute, #6.5 Rating: 0 out of 5 stars0 ratingsProfessor Blusterhiny's Zombish 101: An Undead Institute HTML & CSS Workbook: Undead Institute, #6.6 Rating: 0 out of 5 stars0 ratingsIntermediate CSS: Zombie in a Cocktail Dress: Undead Institute, #7 Rating: 0 out of 5 stars0 ratingsAn Introduction to Programming in PHP: Stomping Zombies with Variables, Loops, Functions and More: Undead Institute, #14 Rating: 0 out of 5 stars0 ratingsModern CSS Layout: Decking Zombies with Style: Undead Institute, #9 Rating: 0 out of 5 stars0 ratingsAn Introduction to Website Performance: How to Outrun the Zombie Hordes: Undead Institute, #15 Rating: 0 out of 5 stars0 ratingsMore Advanced CSS: Zombie in a Ballgown: Undead Institute Rating: 0 out of 5 stars0 ratingsSearch Engine Optimization: How to Make your Site Stand Out from the Apocalyptic Horde: Undead Institute, #13 Rating: 0 out of 5 stars0 ratingsAn Introduction to Programming in JavaScript: Stomping Zombies with Variables, Loops, Functions and More: Undead Institute, #10 Rating: 0 out of 5 stars0 ratingsEven Further Expand Your First Website (And Thwack those Zombies Into the Next Apocalypse with HTML and CSS): Undead Institute, #9 Rating: 0 out of 5 stars0 ratingsHumanity's Second Chance: Interactive HTML, Intermediate CSS and Responsive Design (Virtual Boxed Set): Undead Institute Rating: 0 out of 5 stars0 ratingsCSS Animation: De-animating the Undead Horde: Undead Institute Rating: 0 out of 5 stars0 ratingsScalable Vector Graphics: How to Draw Zombie-Smashing Images with Code: Undead Institute, #17 Rating: 0 out of 5 stars0 ratingsMy First Webpocalypse: Beginner HTML, CSS, and Usability (Virtual Boxed Set): Undead Institute Rating: 0 out of 5 stars0 ratingsThe Apocalyptic HTML Arsenal: An Undead Institute HTML Reference Dictionary: Undead Institute Rating: 0 out of 5 stars0 ratingsJavaScript Basics: Flinging Event, Element, and Object Bombs at Zombie Heads: Undead Institute Rating: 0 out of 5 stars0 ratings
Related ebooks
Having Faith (Graphic Novel) - Book One Rating: 0 out of 5 stars0 ratingsAI For Amateurs: Artificial Intelligence, #1 Rating: 0 out of 5 stars0 ratingsTiger Moth and the Dragon Kite Contest Rating: 5 out of 5 stars5/5Roblox Unleashed: A Journey into the Metaverse Rating: 0 out of 5 stars0 ratingsMinecraft Story Mode the Complete Adventure Game Xbox One, Wii U, PS3, Download, Unofficial Guide Rating: 0 out of 5 stars0 ratingsI, Hobot: An Anthology of Robot Love Stories Rating: 0 out of 5 stars0 ratingsPractical Shader Development: Vertex and Fragment Shaders for Game Developers Rating: 0 out of 5 stars0 ratingsBeginning Unreal Engine 4 Blueprints Visual Scripting: Using C++: From Beginner to Pro Rating: 0 out of 5 stars0 ratingsTHE 12 BEST GRAPHIC DESIGN SOFTWARE IN 2024: "Mastering Design Excellence: Unveiling the Top 12 Graphic Design Software Rating: 0 out of 5 stars0 ratingsInstant HTML5 2D Platformer Rating: 0 out of 5 stars0 ratingsMysteries of Deep Space Rating: 0 out of 5 stars0 ratingsThree Dimensional Computer Graphics: Exploring the Intersection of Vision and Virtual Worlds Rating: 0 out of 5 stars0 ratingsThe Strange Case of Dr. Jekyll and Mr. Hyde (Illustrated) Rating: 4 out of 5 stars4/5"How to AI: Taming the Digital Demon" Rating: 0 out of 5 stars0 ratingsMastering AI Communication: The Art of Effective Prompts Rating: 0 out of 5 stars0 ratingsOuya Unity Game Development Rating: 0 out of 5 stars0 ratingsSkywald Comics: Jungle Adventures Issue 02 Rating: 0 out of 5 stars0 ratingsSkywald Comics: Nightmare Issue 13 Rating: 0 out of 5 stars0 ratingsThe Sinking of the Titanic Rating: 0 out of 5 stars0 ratingsSkywald Comics: Psycho Issue Annual Rating: 0 out of 5 stars0 ratingsSkywald Comics: Psycho Issue 16 Rating: 1 out of 5 stars1/5iPadOS For Seniors: A Ridiculously Simple Guide to the Next Generation of iPad Rating: 0 out of 5 stars0 ratingsSkywald Comics: Nightmare Issue 22 Rating: 0 out of 5 stars0 ratingsMixed reality Third Edition Rating: 0 out of 5 stars0 ratingsMagick Mirror Rating: 5 out of 5 stars5/5Raspberry Pi Projects Rating: 0 out of 5 stars0 ratingsKid Beowulf Book 4 - The Tarpeian Rock (A Graphic Novel) Rating: 0 out of 5 stars0 ratingsS-E-X: How Did YOU Learn To Spell It? Rating: 0 out of 5 stars0 ratingsAdventures in Minecraft Rating: 4 out of 5 stars4/5Haxe Game Development Essentials Rating: 0 out of 5 stars0 ratings
Internet & Web For You
Six Figure Blogging Blueprint Rating: 5 out of 5 stars5/5How to Be Invisible: Protect Your Home, Your Children, Your Assets, and Your Life Rating: 4 out of 5 stars4/5Coding For Dummies Rating: 5 out of 5 stars5/5Coding All-in-One For Dummies Rating: 4 out of 5 stars4/5The Hacker Crackdown: Law and Disorder on the Electronic Frontier Rating: 4 out of 5 stars4/5Social Engineering: The Science of Human Hacking Rating: 3 out of 5 stars3/5Surveillance and Surveillance Detection: A CIA Insider's Guide Rating: 3 out of 5 stars3/5No Place to Hide: Edward Snowden, the NSA, and the U.S. Surveillance State Rating: 4 out of 5 stars4/5The $1,000,000 Web Designer Guide: A Practical Guide for Wealth and Freedom as an Online Freelancer Rating: 4 out of 5 stars4/5How to Disappear and Live Off the Grid: A CIA Insider's Guide Rating: 0 out of 5 stars0 ratingsGrokking Algorithms: An illustrated guide for programmers and other curious people Rating: 4 out of 5 stars4/5Cybersecurity For Dummies Rating: 5 out of 5 stars5/5Coding with AI For Dummies Rating: 1 out of 5 stars1/5An Ultimate Guide to Kali Linux for Beginners Rating: 3 out of 5 stars3/5Tor and the Dark Art of Anonymity Rating: 5 out of 5 stars5/5Everybody Lies: Big Data, New Data, and What the Internet Can Tell Us About Who We Really Are Rating: 4 out of 5 stars4/5The Beginner's Affiliate Marketing Blueprint Rating: 4 out of 5 stars4/5Beginner's Guide To Starting An Etsy Print-On-Demand Shop Rating: 0 out of 5 stars0 ratingsWordpress for Beginners: The Easy Step-by-Step Guide to Creating a Website with WordPress Rating: 5 out of 5 stars5/5JavaScript All-in-One For Dummies Rating: 5 out of 5 stars5/5How To Make Money Blogging: How I Replaced My Day-Job With My Blog and How You Can Start A Blog Today Rating: 4 out of 5 stars4/5The Cyber Attack Survival Manual: Tools for Surviving Everything from Identity Theft to the Digital Apocalypse Rating: 0 out of 5 stars0 ratingsPython: Learn Python in 24 Hours Rating: 4 out of 5 stars4/5The Gothic Novel Collection Rating: 5 out of 5 stars5/5UX/UI Design Playbook Rating: 4 out of 5 stars4/5Content Chemistry: The Illustrated Handbook for Content Marketing Rating: 5 out of 5 stars5/5Stop Asking Questions: How to Lead High-Impact Interviews and Learn Anything from Anyone Rating: 5 out of 5 stars5/5200+ Ways to Protect Your Privacy: Simple Ways to Prevent Hacks and Protect Your Privacy--On and Offline Rating: 0 out of 5 stars0 ratings
Reviews for Scalable Vector Graphics
0 ratings0 reviews
Book preview
Scalable Vector Graphics - John Rhea
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
Adding Some Body Parts
Dealing with Text
,
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 feedback@undead.institute
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