Create an SVG drawing.
Create an HTML page with an SVG element in the body.
Your SVG element should represent a scene, the nature of which is largely up to your imagination, but subject to the following requirements:
defssection), consisting of several parts or sub-elements. These sub-elements must have at least one representative from three of the following types:
For example, a group containing two lines, one path, and a ten circles has representatives from the three types line, path and circle.
At least two instances of this complex object must be appear with different transformations including translation and rotation.
The scene can be a reworking of your Lab 1 canvas drawing, but of course it doesn’t have to be. It can be abstract art or a representation of natural or man-made objects.
As in Lab 1, put a short “title” above your drawing and a caption below to explain what the picture is about (in case it is not obvious). These should be HTML elements, such as
p, before and after the SVG element, not within it.
gelement) with a “position” of (0, 0); this will make transformations easier to figure out. Whether the “position” represents the center of the object, its top left corner, or some other point, is up to you—do whatever makes sense. If you want to rotate the object about its center, then the position should be the center.
Turn in the web page (HTML file) and image file as attachments in Oncourse Assignments. If you have more than three (3) files, bundle them in a zip, tar, tar.gz, tar.bz2, or tar.xz file and just attach the bundle.
TOTAL: 49 points