$svg = SVGDocument::getInstance( );
$svg->setTitle("Javascript example");
 
#add some javascript functions
$svg->addScript("    
    function changeColor(evt, element)
    {
        destination = document.getElementById('destination');
 
        if ( evt.ctrlKey )
        {
            destination.style.stroke = element.style.fill;
        }
        else
        {
            destination.style.fill = element.style.fill;
        }
 
        evt.preventDefault();
        return false;
    }
");
 
#mount a simple color array
$colors[] = 'red';
$colors[] = 'green';
$colors[] = 'blue';
$colors[] = 'yellow';
$colors[] = 'orange';
$colors[] = 'gray';
$colors[] = 'black';
$colors[] = 'white';
 
$text = SVGText::getInstance( 10, 25, null, 'Left click for fill - control click for stroke');
 
$svg->addShape($text);
 
foreach ( $colors as $line => $color )
{
    $rect = SVGRect::getInstance( ( $line *60 )+10 , 40, null, 50, 50 );
    $style = new SVGStyle();
    $style->setFill($color);
    $style->setStroke("darkGray", 1);
    $rect->setStyle($style);
 
    $rect->addOnclick("return changeColor(evt,this);");
    $rect->addAttribute("onmouseover", "this.style.stroke = 'lightGray';");
    $rect->addAttribute("onmouseout", "this.style.stroke = 'gray';");
 
    $svg->addShape($rect);
}
 
$rect = SVGRect::getInstance( 140 , 100, 'destination', 200, 200 );
$style = new SVGStyle();
$style->setFill('none');
$style->setStroke("darkGray", 5);
$rect->setStyle($style);
 
$svg->addShape($rect);
 
$svg->output();