<?xml version="1.0"?>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg" >
<head>
<style>
polygon:hover {stroke:red; stroke-width:5; fill-opacity:0.2;}
</style>
</head>
<body>
<h1>Move the mouse over the shapes!</h1>
<svg:svg xmlns="http://www.w3.org/2000/svg">
<svg:g transform="scale(0.8) translate(-200)">
    <svg:polygon style="fill:blue;"
           points="350, 75 379,161 469,161 397,215
                   423,301 350,250 277,301 303,215
                   231,161 321,161" />
    <svg:polygon style="fill:lime;"
           points="850,75  958,137.5 958,262.5
                   850,325 742,262.6 742,137.5"/>
</svg:g>
</svg:svg> 
</body>
</html>