HTML Graphics


The code for this page is here


My First SVG


Draw a Teddy Bear

/* Body */ /* Hand Left */ /* Left Paw */ /* Right Hand */ /* Right Paw */ /* Left Leg */ /* Right Leg */ /* Tummy Button */ /* Left Ear */ /* Right Ear */ /* Head */ /* Left Eye */ /* Right Eye */ /* Nose / Mouth */ /* Highlight Paths */ /* in head - below eyes, mouth */ /* paw-left */

Grouping Items & Interaction - Evil Robot

I want to create a composite item made of various parts. These will be grouped and then transformed together.

/* background */ /* robot body */ Destroy the world! Kill all humans. Or at least NK Trump Inc. /* Wheels */ /* swivel arm */ /* pivot */ /* end pallete */ /* transparent trigger */ /* Missile */ /* missile-fire */ /* missile-body */ /* Expose secret */ Our Secret

Experiment with Paths

/* background */ /* path */ Cubic Bezier Path with control points /* Copy */ Copy /* points */ /* lines */ /* Using smooth */ Using smooth point to chain cubic bezier curves /* Quadratic */ Quadratic Bezier with smooth extension