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">
|
|
|
|
|
web2d = {
|
|
|
|
|
peer: {}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
web2d.peer =
|
|
|
|
|
{
|
|
|
|
|
svg: {},
|
|
|
|
|
vml: {}
|
|
|
|
|
};
|
2009-06-07 18:59:43 +00:00
|
|
|
|
2010-11-20 23:43:54 +01:00
|
|
|
web2d.peer.utils = {};
|
|
|
|
|
</script>
|
2009-06-07 18:59:43 +00:00
|
|
|
|
2010-11-20 23:43:54 +01:00
|
|
|
<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/vml/ElementPeer.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/peer/vml/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/peer/vml/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/peer/vml/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/peer/vml/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/peer/vml/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/peer/vml/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/vml/TextPeer.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/vml/TextBoxPeer.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/vml/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="../../../../src/main/javascript/peer/vml/TahomaFont.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/vml/TimesFont.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/vml/ArialFont.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../../../src/main/javascript/peer/vml/VerdanaFont.js"></script>
|
|
|
|
|
<script type="text/javascript" src="utils.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
2009-06-07 18:59:43 +00:00
|
|
|
function zoomIn()
|
|
|
|
|
{
|
|
|
|
|
for(i=0; i<workspaces.length; i++)
|
|
|
|
|
{
|
|
|
|
|
var coordSize = workspaces[i].getCoordSize();
|
|
|
|
|
workspaces[i].setCoordSize(coordSize.width*2,coordSize.height*2);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
workspaces = [];
|
2010-11-20 23:43:54 +01:00
|
|
|
var textot;
|
2009-06-07 18:59:43 +00:00
|
|
|
|
|
|
|
|
var TextTest = function (size,coordSize,textval,font,fontSizeval, style, modifier, fontColor, owner, iesimo)
|
|
|
|
|
{
|
|
|
|
|
var overflowWorkspace = new web2d.Workspace();
|
|
|
|
|
overflowWorkspace.setSize(size, size);
|
|
|
|
|
overflowWorkspace.setCoordSize(coordSize,coordSize);
|
|
|
|
|
overflowWorkspace.setCoordOrigin(0,0);
|
|
|
|
|
|
|
|
|
|
/*var rect = new web2d.Rect(1 / 10);
|
|
|
|
|
rect.setPosition(40, 40);
|
|
|
|
|
rect.setSize(20, 20);
|
|
|
|
|
overflowWorkspace.appendChild(rect);
|
|
|
|
|
*/
|
|
|
|
|
var text = new web2d.Text();
|
|
|
|
|
overflowWorkspace.appendChild(text);
|
|
|
|
|
var scale = web2d.peer.utils.TransformUtil.workoutScale(text._peer);
|
|
|
|
|
text.setText(textval+" "+scale.height);
|
|
|
|
|
text.setFont(font, fontSizeval, style, modifier);
|
|
|
|
|
text.setPosition(0, 0);
|
|
|
|
|
text.setColor(fontColor);
|
2010-11-20 23:43:54 +01:00
|
|
|
textot = text;
|
2009-06-07 18:59:43 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
overflowWorkspace.addItAsChildTo($(owner));
|
|
|
|
|
|
|
|
|
|
var parent = $(owner);
|
|
|
|
|
var span= document.createElement("span");
|
|
|
|
|
span.setAttribute("id","textoHTML"+iesimo);
|
|
|
|
|
var textsize = text.offsetWidth;
|
|
|
|
|
var textHtml=document.createTextNode(textsize);
|
|
|
|
|
var fontSize=text.getHtmlFontSize();
|
|
|
|
|
span.appendChild(textHtml);
|
|
|
|
|
if(core.UserAgent.isSVGSupported())
|
|
|
|
|
{
|
|
|
|
|
//var fontSize=20*scale.height*2;
|
|
|
|
|
span.setAttribute("style", "font-weight:"+modifier+";font-style: "+style+"; font-size:"+ fontSize +"pt; font-family: "+font+";width:30;height:30;");
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
span.style.font=modifier+" "+style+" "+ fontSize +"pt "+font;
|
|
|
|
|
span.style.width="30";
|
|
|
|
|
span.style.height="30";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
parent.appendChild(span);
|
|
|
|
|
workspaces[iesimo]=overflowWorkspace;
|
|
|
|
|
};
|
2010-11-20 23:43:54 +01:00
|
|
|
|
|
|
|
|
function initialize(){
|
|
|
|
|
web2d.peer.Toolkit.init();
|
|
|
|
|
TextTest("100px",200,"Test Text","Arial",10, "normal", "normal", "red", "text0", 0);
|
|
|
|
|
TextTest("100px",100,"Test Text","Arial",10, "normal", "normal", "blue", "text1", 1);
|
|
|
|
|
TextTest("100px",50,"Test Text","Arial",10, "normal", "normal", "blue", "text2", 2);
|
|
|
|
|
TextTest("100px",100,"Test Text","Arial",10, "italic", "normal", "blue", "text3", 3);
|
|
|
|
|
TextTest("100px",100,"Test Text","Arial",10, "italic", "bold", "green", "text4", 4);
|
|
|
|
|
}
|
|
|
|
|
|
2009-06-07 18:59:43 +00:00
|
|
|
</script>
|
2010-11-20 23:43:54 +01:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body onload="initialize();">
|
2009-06-07 18:59:43 +00:00
|
|
|
|
|
|
|
|
<h1>Text Render Tests </h1>
|
|
|
|
|
|
|
|
|
|
<table border="1">
|
|
|
|
|
<colgroup style="width:80%;">
|
|
|
|
|
<col style="width:30%"/>
|
|
|
|
|
<col style="width:60%"/>
|
|
|
|
|
</colgroup>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
Simple text
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
2010-11-20 23:43:54 +01:00
|
|
|
<div id="text0"></div>
|
|
|
|
|
<div id="text1"></div>
|
|
|
|
|
<div id="text2"></div>
|
|
|
|
|
<div id="text3"></div>
|
|
|
|
|
<div id="text4"></div>
|
2009-06-07 18:59:43 +00:00
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
<!--**************************************************************************-->
|
|
|
|
|
|
|
|
|
|
</table>
|
|
|
|
|
<span>Text to Inspect: </span><input type="text" id="iesimo">
|
|
|
|
|
<input type="button" value="Inspect" onclick="alert(document.getElementById('textoHTML'+$('iesimo').value).offsetWidth);">
|
|
|
|
|
<input type="button" value="Zoom In" onclick="zoomIn()">
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
