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”
“http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”>
<svg width=”100%” height=”100%” version=”1.1”
xmlns=”http://www.w3.org/2000/svg”>
<polyline points=”5,0 5,40 40,40 40,80 80,80 80,120”
style=”fill:white;stroke:red;stroke-width:2”/>
</svg>
Figure 3.10 A drawing created of straight lines can be created using the POLYLINE element.
Search WWH ::




Custom Search