mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-11-22 22:57:57 +01:00
Format test files.
This commit is contained in:
parent
38ec9931d7
commit
24b3f828e3
@ -1,7 +1,15 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!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">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<style>
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
web2d = {
|
web2d = {
|
||||||
peer: {}
|
peer: {}
|
||||||
@ -41,7 +49,7 @@
|
|||||||
|
|
||||||
<h1>PolyLines Render Tests </h1>
|
<h1>PolyLines Render Tests </h1>
|
||||||
|
|
||||||
<table border="1">
|
<table>
|
||||||
<colgroup style="width:80%;">
|
<colgroup style="width:80%;">
|
||||||
<col style="width:30%" />
|
<col style="width:30%" />
|
||||||
<col style="width:60%" />
|
<col style="width:60%" />
|
||||||
@ -66,4 +74,5 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -1,7 +1,14 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!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">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<style>
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
web2d = {
|
web2d = {
|
||||||
peer: {}
|
peer: {}
|
||||||
@ -46,7 +53,7 @@
|
|||||||
|
|
||||||
<h1>PolyLines Render Tests </h1>
|
<h1>PolyLines Render Tests </h1>
|
||||||
|
|
||||||
<table border="1">
|
<table>
|
||||||
<colgroup style="width:80%;">
|
<colgroup style="width:80%;">
|
||||||
<col style="width:30%" />
|
<col style="width:30%" />
|
||||||
<col style="width:60%" />
|
<col style="width:60%" />
|
||||||
@ -71,4 +78,5 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -3,6 +3,13 @@
|
|||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<style>
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
web2d = {
|
web2d = {
|
||||||
peer: {}
|
peer: {}
|
||||||
@ -131,14 +138,9 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body onload="initialize();">
|
<body onload="initialize();">
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
// Logger.setEnabled(true);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<h1>Elements Event Handling</h1>
|
<h1>Elements Event Handling</h1>
|
||||||
|
|
||||||
<table border="1">
|
<table>
|
||||||
<colgroup style="width:80%;">
|
<colgroup style="width:80%;">
|
||||||
<col style="width:30%" />
|
<col style="width:30%" />
|
||||||
<col style="width:60%" />
|
<col style="width:60%" />
|
||||||
|
@ -1,7 +1,14 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!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">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<style>
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
web2d = {
|
web2d = {
|
||||||
peer: {}
|
peer: {}
|
||||||
@ -74,7 +81,7 @@
|
|||||||
|
|
||||||
<h1>Web2d Fonts Tests</h1>
|
<h1>Web2d Fonts Tests</h1>
|
||||||
|
|
||||||
<table border="1">
|
<table>
|
||||||
<colgroup>
|
<colgroup>
|
||||||
<col style="width:30%" />
|
<col style="width:30%" />
|
||||||
<col style="width:60%" />
|
<col style="width:60%" />
|
||||||
@ -127,4 +134,5 @@
|
|||||||
</table>
|
</table>
|
||||||
<input type="button" value="Zoom In" onclick="zoomIn()">
|
<input type="button" value="Zoom In" onclick="zoomIn()">
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -1,7 +1,14 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!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">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<style>
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
web2d = {
|
web2d = {
|
||||||
peer: {}
|
peer: {}
|
||||||
@ -19,8 +26,7 @@
|
|||||||
function initialize() {
|
function initialize() {
|
||||||
web2d.Toolkit.init();
|
web2d.Toolkit.init();
|
||||||
|
|
||||||
var basicTest = function()
|
var basicTest = function () {
|
||||||
{
|
|
||||||
var workspace = new web2d.Workspace();
|
var workspace = new web2d.Workspace();
|
||||||
workspace.setSize("150px", "150px");
|
workspace.setSize("150px", "150px");
|
||||||
workspace.setCoordSize(100, 100);
|
workspace.setCoordSize(100, 100);
|
||||||
@ -54,24 +60,19 @@
|
|||||||
|
|
||||||
var xDir = 1;
|
var xDir = 1;
|
||||||
var yDir = 1;
|
var yDir = 1;
|
||||||
var executer = function()
|
var executer = function () {
|
||||||
{
|
|
||||||
var y = group.getPosition().y + yDir;
|
var y = group.getPosition().y + yDir;
|
||||||
var x = group.getPosition().x + xDir;
|
var x = group.getPosition().x + xDir;
|
||||||
|
|
||||||
if (x < 0)
|
if (x < 0) {
|
||||||
{
|
|
||||||
xDir = 1;
|
xDir = 1;
|
||||||
} else if (x > 50)
|
} else if (x > 50) {
|
||||||
{
|
|
||||||
xDir = -1;
|
xDir = -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (y < 0)
|
if (y < 0) {
|
||||||
{
|
|
||||||
yDir = 1;
|
yDir = 1;
|
||||||
} else if (y > 50)
|
} else if (y > 50) {
|
||||||
{
|
|
||||||
yDir = -1;
|
yDir = -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -83,8 +84,7 @@
|
|||||||
basicTest();
|
basicTest();
|
||||||
|
|
||||||
|
|
||||||
var eventTest = function()
|
var eventTest = function () {
|
||||||
{
|
|
||||||
var workspace = new web2d.Workspace();
|
var workspace = new web2d.Workspace();
|
||||||
workspace.setSize("150px", "150px");
|
workspace.setSize("150px", "150px");
|
||||||
workspace.setCoordSize(100, 100);
|
workspace.setCoordSize(100, 100);
|
||||||
@ -115,8 +115,7 @@
|
|||||||
eventTest();
|
eventTest();
|
||||||
|
|
||||||
|
|
||||||
var eventTest = function()
|
var eventTest = function () {
|
||||||
{
|
|
||||||
var workspace = new web2d.Workspace();
|
var workspace = new web2d.Workspace();
|
||||||
workspace.setSize("150px", "150px");
|
workspace.setSize("150px", "150px");
|
||||||
workspace.setCoordSize(200, 200);
|
workspace.setCoordSize(200, 200);
|
||||||
@ -175,11 +174,9 @@
|
|||||||
eventTest();
|
eventTest();
|
||||||
|
|
||||||
|
|
||||||
var workspaceCoordSizeSample = function()
|
var workspaceCoordSizeSample = function () {
|
||||||
{
|
|
||||||
|
|
||||||
function groupSampleBuilder(width, height)
|
function groupSampleBuilder(width, height) {
|
||||||
{
|
|
||||||
// Group with CoordSize(50,50);
|
// Group with CoordSize(50,50);
|
||||||
var workspace = new web2d.Workspace();
|
var workspace = new web2d.Workspace();
|
||||||
workspace.setSize("100px", "100px");
|
workspace.setSize("100px", "100px");
|
||||||
@ -217,11 +214,9 @@
|
|||||||
workspaceCoordSizeSample();
|
workspaceCoordSizeSample();
|
||||||
|
|
||||||
|
|
||||||
var workspaceCoordOriginSample = function()
|
var workspaceCoordOriginSample = function () {
|
||||||
{
|
|
||||||
|
|
||||||
function groupSampleBuilder(x, y)
|
function groupSampleBuilder(x, y) {
|
||||||
{
|
|
||||||
var workspace = new web2d.Workspace();
|
var workspace = new web2d.Workspace();
|
||||||
workspace.setSize("100px", "100px");
|
workspace.setSize("100px", "100px");
|
||||||
workspace.setCoordSize(100, 100);
|
workspace.setCoordSize(100, 100);
|
||||||
@ -261,8 +256,7 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
var groupVisibilitySample = function()
|
var groupVisibilitySample = function () {
|
||||||
{
|
|
||||||
|
|
||||||
var workspace = new web2d.Workspace();
|
var workspace = new web2d.Workspace();
|
||||||
workspace.setSize("100px", "100px");
|
workspace.setSize("100px", "100px");
|
||||||
@ -292,8 +286,7 @@
|
|||||||
group.append(elipseInner);
|
group.append(elipseInner);
|
||||||
|
|
||||||
var isVisible = true;
|
var isVisible = true;
|
||||||
var executer = function()
|
var executer = function () {
|
||||||
{
|
|
||||||
isVisible = !isVisible;
|
isVisible = !isVisible;
|
||||||
group.setVisibility(isVisible);
|
group.setVisibility(isVisible);
|
||||||
};
|
};
|
||||||
@ -304,8 +297,7 @@
|
|||||||
}
|
}
|
||||||
groupVisibilitySample();
|
groupVisibilitySample();
|
||||||
|
|
||||||
var groupVisibilitySample = function()
|
var groupVisibilitySample = function () {
|
||||||
{
|
|
||||||
|
|
||||||
var workspace = new web2d.Workspace();
|
var workspace = new web2d.Workspace();
|
||||||
workspace.setSize("100px", "100px");
|
workspace.setSize("100px", "100px");
|
||||||
@ -330,8 +322,7 @@
|
|||||||
|
|
||||||
var width = 10;
|
var width = 10;
|
||||||
var height = 10;
|
var height = 10;
|
||||||
var executer = function()
|
var executer = function () {
|
||||||
{
|
|
||||||
width = (width + 10) % 100;
|
width = (width + 10) % 100;
|
||||||
height = (height + 10) % 100;
|
height = (height + 10) % 100;
|
||||||
group.setCoordSize(width, height);
|
group.setCoordSize(width, height);
|
||||||
@ -350,7 +341,7 @@
|
|||||||
<body onload="initialize();">
|
<body onload="initialize();">
|
||||||
|
|
||||||
<h1>Group Render Tests.</h1>
|
<h1>Group Render Tests.</h1>
|
||||||
<table border="1">
|
<table>
|
||||||
<colgroup style="width:80%;">
|
<colgroup style="width:80%;">
|
||||||
<col style="width:50%" />
|
<col style="width:50%" />
|
||||||
<col style="width:50%" />
|
<col style="width:50%" />
|
||||||
@ -413,7 +404,8 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
Group coordsize defines how many units there are along the width of the containing block.
|
Group coordsize defines how many units there are along the width of the containing block.
|
||||||
In all the examples, the coordsize of the workspaces have been set to (100,100) and the circles have been
|
In all the examples, the coordsize of the workspaces have been set to (100,100) and the circles have
|
||||||
|
been
|
||||||
positioned
|
positioned
|
||||||
at (0,0),(0,100),(100,0),(100,100)(50,50).<br />
|
at (0,0),(0,100),(100,0),(100,100)(50,50).<br />
|
||||||
<br />
|
<br />
|
||||||
@ -442,7 +434,8 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
Group coordorigin defines the coordinate at the top left corner of the containing block.
|
Group coordorigin defines the coordinate at the top left corner of the containing block.
|
||||||
In all the examples,the coordsize of the groups have been set to (100,100) and the circles have been positioned
|
In all the examples,the coordsize of the groups have been set to (100,100) and the circles have been
|
||||||
|
positioned
|
||||||
at (0,0),(0,100),(100,0),(100,100)(50,50). <br />
|
at (0,0),(0,100),(100,0),(100,100)(50,50). <br />
|
||||||
<br />
|
<br />
|
||||||
1) Group with CoordOrigin(0,0)<br />
|
1) Group with CoordOrigin(0,0)<br />
|
||||||
@ -493,4 +486,5 @@
|
|||||||
|
|
||||||
</table>
|
</table>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -1,10 +1,12 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Testing</title>
|
<title>Testing</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div>
|
<div>
|
||||||
<h1>Testing</h1>
|
<h1>Testing</h1>
|
||||||
@ -24,4 +26,5 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -1,7 +1,14 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!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">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<style>
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
web2d = {
|
web2d = {
|
||||||
peer: {}
|
peer: {}
|
||||||
@ -83,7 +90,7 @@
|
|||||||
|
|
||||||
<h1>Lines Render Tests </h1>
|
<h1>Lines Render Tests </h1>
|
||||||
|
|
||||||
<table border="1">
|
<table>
|
||||||
<colgroup style="width:80%;">
|
<colgroup style="width:80%;">
|
||||||
<col style="width:30%" />
|
<col style="width:30%" />
|
||||||
<col style="width:60%" />
|
<col style="width:60%" />
|
||||||
@ -130,4 +137,5 @@
|
|||||||
|
|
||||||
</table>
|
</table>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -1,7 +1,15 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!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">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<style>
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
web2d = {
|
web2d = {
|
||||||
peer: {}
|
peer: {}
|
||||||
@ -156,7 +164,7 @@
|
|||||||
|
|
||||||
<h1>PolyLines Render Tests </h1>
|
<h1>PolyLines Render Tests </h1>
|
||||||
|
|
||||||
<table border="1">
|
<table>
|
||||||
<colgroup style="width:80%;">
|
<colgroup style="width:80%;">
|
||||||
<col style="width:30%" />
|
<col style="width:30%" />
|
||||||
<col style="width:60%" />
|
<col style="width:60%" />
|
||||||
@ -181,4 +189,5 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -2,6 +2,12 @@
|
|||||||
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<head>
|
<head>
|
||||||
|
<style>
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
web2d = {
|
web2d = {
|
||||||
peer: {}
|
peer: {}
|
||||||
@ -159,10 +165,11 @@
|
|||||||
<div id="divWorkspace" style="overflow:scroll;width:1020px;height:620px;position:relative;">
|
<div id="divWorkspace" style="overflow:scroll;width:1020px;height:620px;position:relative;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
Notas:
|
Notes:
|
||||||
<li>El evento de mousemove se debe agregar al workspace.
|
<li>El evento de mousemove se debe agregar al workspace.
|
||||||
<li>Cuando se esta drageando un elemento se deberia deshabilitar los eventos del resto de los elementos.
|
<li>Cuando se esta drageando un elemento se deberia deshabilitar los eventos del resto de los elementos.
|
||||||
<li>Definir comportamiento del area.
|
<li>Definir comportamiento del area.
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -1,8 +1,14 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!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">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<head>
|
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<style>
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
web2d = {
|
web2d = {
|
||||||
peer: {}
|
peer: {}
|
||||||
@ -70,7 +76,7 @@
|
|||||||
|
|
||||||
<h1>Rect Render Tests </h1>
|
<h1>Rect Render Tests </h1>
|
||||||
|
|
||||||
<table border="1">
|
<table>
|
||||||
<colgroup style="width:80%;">
|
<colgroup style="width:80%;">
|
||||||
<col style="width:10%" />
|
<col style="width:10%" />
|
||||||
<col style="width:90%" />
|
<col style="width:90%" />
|
||||||
@ -99,4 +105,5 @@
|
|||||||
|
|
||||||
</table>
|
</table>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -1,7 +1,15 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!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">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<style>
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
web2d = {
|
web2d = {
|
||||||
peer: {}
|
peer: {}
|
||||||
@ -99,8 +107,10 @@ function initialize() {
|
|||||||
workspace.setCoordSize(500, 100);
|
workspace.setCoordSize(500, 100);
|
||||||
workspace.setCoordOrigin(0, 0);
|
workspace.setCoordOrigin(0, 0);
|
||||||
|
|
||||||
var rect = new web2d.Rect(0, {x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
|
var rect = new web2d.Rect(0, {
|
||||||
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 1});
|
x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
|
||||||
|
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 1
|
||||||
|
});
|
||||||
workspace.append(rect);
|
workspace.append(rect);
|
||||||
|
|
||||||
var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 };
|
var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 };
|
||||||
@ -135,8 +145,10 @@ function initialize() {
|
|||||||
workspace.setCoordSize(500, 100);
|
workspace.setCoordSize(500, 100);
|
||||||
workspace.setCoordOrigin(0, 0);
|
workspace.setCoordOrigin(0, 0);
|
||||||
|
|
||||||
var rect = new web2d.Rect(0, {x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
|
var rect = new web2d.Rect(0, {
|
||||||
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4});
|
x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
|
||||||
|
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4
|
||||||
|
});
|
||||||
workspace.append(rect);
|
workspace.append(rect);
|
||||||
|
|
||||||
var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 };
|
var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 };
|
||||||
@ -171,8 +183,10 @@ function initialize() {
|
|||||||
workspace.setCoordSize(500, 100);
|
workspace.setCoordSize(500, 100);
|
||||||
workspace.setCoordOrigin(0, 0);
|
workspace.setCoordOrigin(0, 0);
|
||||||
|
|
||||||
var rect = new web2d.Rect(0, {x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
|
var rect = new web2d.Rect(0, {
|
||||||
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4});
|
x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
|
||||||
|
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4
|
||||||
|
});
|
||||||
workspace.append(rect);
|
workspace.append(rect);
|
||||||
|
|
||||||
var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 };
|
var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 };
|
||||||
@ -233,7 +247,7 @@ function initialize() {
|
|||||||
|
|
||||||
<h1>Element properties Tests </h1>
|
<h1>Element properties Tests </h1>
|
||||||
|
|
||||||
<table border="1">
|
<table>
|
||||||
<colgroup style="width:80%;">
|
<colgroup style="width:80%;">
|
||||||
<col style="width:10%" />
|
<col style="width:10%" />
|
||||||
<col style="width:90%" />
|
<col style="width:90%" />
|
||||||
@ -302,4 +316,5 @@ function initialize() {
|
|||||||
|
|
||||||
</table>
|
</table>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -1,7 +1,15 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!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">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<style>
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
web2d = {
|
web2d = {
|
||||||
peer: {}
|
peer: {}
|
||||||
@ -74,7 +82,7 @@
|
|||||||
|
|
||||||
<h1>Text Render Tests </h1>
|
<h1>Text Render Tests </h1>
|
||||||
|
|
||||||
<table border="1">
|
<table>
|
||||||
<colgroup style="width:80%;">
|
<colgroup style="width:80%;">
|
||||||
<col style="width:30%" />
|
<col style="width:30%" />
|
||||||
<col style="width:60%" />
|
<col style="width:60%" />
|
||||||
@ -102,4 +110,5 @@
|
|||||||
onclick="alert(document.getElementById('textoHTML'+document.id('iesimo').value).offsetWidth);">
|
onclick="alert(document.getElementById('textoHTML'+document.id('iesimo').value).offsetWidth);">
|
||||||
<input type="button" value="Zoom In" onclick="zoomIn()">
|
<input type="button" value="Zoom In" onclick="zoomIn()">
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -1,7 +1,14 @@
|
|||||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||||
|
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<style>
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
web2d = {
|
web2d = {
|
||||||
@ -203,16 +210,18 @@
|
|||||||
|
|
||||||
<h1>Workspace Render Tests </h1>
|
<h1>Workspace Render Tests </h1>
|
||||||
|
|
||||||
<table border="1">
|
<table>
|
||||||
<colgroup style="width:80%;">
|
<colgroup style="width:80%;">
|
||||||
<col style="width:30%">
|
<col style="width:30%">
|
||||||
<col style="width:60%">
|
<col style="width:60%">
|
||||||
</colgroup>
|
</colgroup>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
The Workspace's size defines the visible work area. If an element is outside the workspace, it must not be
|
The Workspace's size defines the visible work area. If an element is outside the workspace, it must not
|
||||||
|
be
|
||||||
visible.
|
visible.
|
||||||
In this example, The back circle is bigger than the workspace area. A big portion of the circle will not be
|
In this example, The back circle is bigger than the workspace area. A big portion of the circle will not
|
||||||
|
be
|
||||||
displayed.
|
displayed.
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
@ -315,4 +324,5 @@
|
|||||||
|
|
||||||
</table>
|
</table>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue
Block a user