HTML and CSS Reference
In-Depth Information
Figure 3.9 The POLYLINE element can be used to draw images with straight lines. In this
case a square is drawn.
Figure 3.9 shows the final drawing.
You can create more complex shapes with the POLYLINE ele-
ment. In this example a set of stairs is created. All you have to
remember is that the first value in the value pair is the X axis
and the second value is the Y axis. Figure 3.10 shows the results.
<?xml version=”1.0” standalone=”no”?>
<!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1//EN”
<svg width=”100%” height=”100%” version=”1.1”
<polyline points=”5,0 5,40 40,40 40,80 80,80 80,120”
Figure 3.10 A drawing created of straight lines can be created using the POLYLINE element.
Search WWH ::

Custom Search