• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

3. Basic Shapes > Basic Shapes Reference Summary

Basic Shapes Reference Summary

The following tables summarize the basic shapes and presentation styles in SVG.

Shape Elements

Table 3-1 summarizes the basic shapes available in SVG.

Table 3-1. Table of shape elements
ShapeDescription

<line x1="start-x"y1="start-y"x2="end-x"y2="end-y"/>

Draws a line from the starting point at coordinates (start-x, start-y) to the ending point at coordinates (end-x, end-y).

<rect x="left-x"y="top-y"width="width"height="height"/>

Draws a rectangle whose upper left corner is at (left-x, top-y) with the given width and height.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint