<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--[if gte IE 9]> <meta http-equiv="X-UA-Compatible" content="IE=9" > <![endif]--> <script type="text/javascript"> web2d = { peer: {} }; web2d.peer = { svg: {} }; web2d.peer.utils = {}; </script> <script type="text/javascript" src="utils.js"></script> <script type="text/javascript"> function initialize(){ web2d.Toolkit.init(); var overflowWorkspace = new web2d.Workspace({fillColor:'green'}); overflowWorkspace.setSize("200px", "200px"); var arrow = new web2d.Arrow(); arrow.setFrom(50,50); arrow.setControlPoint(new core.Point(-50,0)); overflowWorkspace.append(arrow); var arrow2 = new web2d.Arrow(); arrow2.setFrom(100,50); arrow2.setControlPoint(new core.Point(50,50)); overflowWorkspace.append(arrow2); overflowWorkspace.addItAsChildTo($('#overflowExample').first()); } </script> </head> <body onload="initialize();"> <h1>PolyLines Render Tests </h1> <table border="1"> <colgroup style="width:80%;"> <col style="width:30%"/> <col style="width:60%"/> </colgroup> <tr> <td> Different types of PolyLines that can be used. </td> <td> <div id="overflowExample"/> </td> </tr> <tr> <td> This is how multiple childs will look in each style line </td> <td> <div id="multipleLineExample"/> </td> </tr> </table> </body> </html>