2009-06-07 18:59:43 +00:00
|
|
|
<!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>
|
2010-11-20 23:43:54 +01:00
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
2009-06-07 18:59:43 +00:00
|
|
|
web2d = {
|
|
|
|
|
peer: {}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
web2d.peer =
|
|
|
|
|
{
|
2011-03-16 11:40:48 +00:00
|
|
|
svg: {}
|
2009-06-07 18:59:43 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
web2d.peer.utils = {};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="mootools.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../../core-js/target/classes/core.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/EventDispatcher.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/ElementPeer.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/Element.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/Workspace.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/WorkspacePeer.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/Toolkit.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/Elipse.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/ElipsePeer.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/Line.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/LinePeer.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/PolyLine.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/PolyLinePeer.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/Group.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/GroupPeer.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/Rect.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/RectPeer.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/Text.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/TextPeer.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/utils/TransformUtils.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/utils/EventUtils.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/Font.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/Font.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/TahomaFont.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/TimesFont.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/ArialFont.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/svg/VerdanaFont.js"></script>
|
|
|
|
|
<script type="text/javascript" src="utils.js"></script>
|
2010-11-20 23:43:54 +01:00
|
|
|
<script type="text/javascript">
|
|
|
|
|
function initialize(){
|
|
|
|
|
web2d.peer.Toolkit.init();
|
|
|
|
|
|
|
|
|
|
var rectExampleTest = function ()
|
|
|
|
|
{
|
|
|
|
|
var workspace = new web2d.Workspace();
|
|
|
|
|
workspace.setSize("100px", "100px");
|
|
|
|
|
workspace.setCoordSize(100, 100);
|
|
|
|
|
workspace.setCoordOrigin(0, 0);
|
|
|
|
|
|
|
|
|
|
var rect = new web2d.Rect();
|
|
|
|
|
rect.setPosition(20, 20);
|
|
|
|
|
|
|
|
|
|
workspace.appendChild(rect);
|
|
|
|
|
workspace.addItAsChildTo($("rectExample"));
|
|
|
|
|
}
|
|
|
|
|
rectExampleTest();
|
|
|
|
|
|
|
|
|
|
var roundrectExampleTest = function ()
|
|
|
|
|
{
|
|
|
|
|
function builder(container, x, width, height)
|
|
|
|
|
{
|
|
|
|
|
for (var i = 1; i <= 10; i++)
|
|
|
|
|
{
|
|
|
|
|
var rect = new web2d.Rect(i / 10);
|
|
|
|
|
rect.setPosition(x, ((i - 1) * (50 + 5)));
|
|
|
|
|
rect.setSize(width, height);
|
|
|
|
|
container.appendChild(rect);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 50 x 50
|
|
|
|
|
var workspace = new web2d.Workspace();
|
|
|
|
|
workspace.setSize("500px", "550px");
|
|
|
|
|
workspace.setCoordOrigin(0, -4);
|
|
|
|
|
workspace.setCoordSize(500, 550);
|
|
|
|
|
workspace.addItAsChildTo($("roundRect"));
|
|
|
|
|
|
|
|
|
|
builder(workspace, 10, 50, 50);
|
|
|
|
|
|
|
|
|
|
// 100 x 50
|
|
|
|
|
builder(workspace, 70, 100, 50);
|
|
|
|
|
|
|
|
|
|
// 200 x 50
|
|
|
|
|
builder(workspace, 180, 200, 50);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
roundrectExampleTest();
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2009-06-07 18:59:43 +00:00
|
|
|
</head>
|
|
|
|
|
|
2010-11-20 23:43:54 +01:00
|
|
|
<body onload="initialize();">
|
2009-06-07 18:59:43 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
<h1>Rect Render Tests </h1>
|
|
|
|
|
|
|
|
|
|
<table border="1">
|
|
|
|
|
<colgroup style="width:80%;">
|
|
|
|
|
<col style="width:10%"/>
|
|
|
|
|
<col style="width:90%"/>
|
|
|
|
|
</colgroup>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
Straight Lines.
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
2010-11-20 23:43:54 +01:00
|
|
|
<div id="rectExample"></div>
|
2009-06-07 18:59:43 +00:00
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<!-- ********************************************************** -->
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
Straight Lines.
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<div id="roundRect" style="float:left;margin:10px"></div>
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</table>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
