g_vml_output-from-demo.xml 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!--
  2. <?import namespace = g_vml_ urn = "urn:schemas-microsoft-com:vml" implementation = "#default#VML" declareNamespace />
  3. -->
  4. <!-- source endpoint, connection one -->
  5. <canvas style="POSITION: absolute; WIDTH: 20px; HEIGHT: 20px; TOP: 169px; LEFT: 102px" id=jsPlumb_1305637562835 class=_jsPlumb_endpoint height="20" width="20">
  6. <DIV style="POSITION: absolute; WIDTH: 20px; HEIGHT: 20px; OVERFLOW: hidden">
  7. <g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "#f3e500" stroked = "f" path = " ar-5,-5,195,195,1045,45,1045,45 x e">
  8. <g_vml_:fill opacity = "1"></g_vml_:fill>
  9. </g_vml_:shape>
  10. </DIV>
  11. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 20px; OVERFLOW: hidden"></DIV>
  12. </canvas>
  13. <!-- second endpoint, connection one -->
  14. <canvas style="POSITION: absolute; WIDTH: 20px; HEIGHT: 20px; TOP: 151px; LEFT: 666px" id=jsPlumb_1305637562835 class=_jsPlumb_endpoint height="20" width="20">
  15. <DIV style="POSITION: absolute; WIDTH: 20px; HEIGHT: 20px; OVERFLOW: hidden">
  16. <g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "#f3e500" stroked = "f" path = " ar-5,-5,195,195,1045,45,1045,45 x e">
  17. <g_vml_:fill opacity = "1"></g_vml_:fill>
  18. </g_vml_:shape>
  19. </DIV>
  20. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 20px; OVERFLOW: hidden"></DIV>
  21. </canvas>
  22. <!-- connector, connection one -->
  23. <canvas style="POSITION: absolute; WIDTH: 583px; HEIGHT: 318px; TOP: 11px; LEFT: 102px" id=jsPlumb_1305637562854 class=_jsPlumb_connector height="318" width="583.75">
  24. <DIV style="POSITION: absolute; WIDTH: 583px; HEIGHT: 318px; OVERFLOW: hidden">
  25. <g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "#646464" strokeweight = "12.75pt" path = " m5733,1495 c5833,-5,-5,3175,95,1675 e">
  26. <g_vml_:stroke opacity = "50" miterlimit = "10" joinstyle = "miter" endcap = "flat"></g_vml_:stroke>
  27. </g_vml_:shape>
  28. <g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "#f3e612" strokeweight = "11.25pt" path = " m5733,1495 c5833,-5,-5,3175,95,1675 e">
  29. <g_vml_:stroke opacity = "1" miterlimit = "10" joinstyle = "miter" endcap = "flat"></g_vml_:stroke>
  30. </g_vml_:shape>
  31. <g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "black" stroked = "f" path = " m3745,1073 l5335,1073,5335,1238,3745,1238 xe">
  32. <g_vml_:fill opacity = "0"></g_vml_:fill>
  33. </g_vml_:shape>
  34. <g_vml_:line style="POSITION: absolute; WIDTH: 1px; HEIGHT: 1px" from = "-375pt,0" to = "375pt,0" filled = "t" fillcolor = "black" stroked = "f">
  35. <g_vml_:fill opacity = "1"></g_vml_:fill>
  36. <g_vml_:skew on = "t" matrix = "1,0,0,1,0,0" origin = "500,0" offset = "454,116"></g_vml_:skew>
  37. <g_vml_:path textpathok = "t"></g_vml_:path>
  38. <g_vml_:textpath style="FONT: 14px sans-serif; v-text-align: center" on = "t" string = "Connection One"></g_vml_:textpath>
  39. </g_vml_:line>
  40. </DIV>
  41. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 1200px; OVERFLOW: hidden"></DIV>
  42. </canvas>
  43. <canvas style="POSITION: absolute; WIDTH: 20px; HEIGHT: 20px; TOP: 307px; LEFT: 585px" id=jsPlumb_1305637562903 class=_jsPlumb_endpoint height="20" width="20">
  44. <DIV style="POSITION: absolute; WIDTH: 20px; HEIGHT: 20px; OVERFLOW: hidden"><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "black" stroked = "f" path = " m-5,-5 l195,-5,195,195,-5,195 xe"><g_vml_:fill opacity = "1"></g_vml_:fill></g_vml_:shape></DIV>
  45. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 20px; OVERFLOW: hidden"></DIV></canvas><canvas style="POSITION: absolute; WIDTH: 20px; HEIGHT: 20px; TOP: 313px; LEFT: 102px" id=jsPlumb_1305637562903 class=_jsPlumb_endpoint height="20" width="20">
  46. <DIV style="POSITION: absolute; WIDTH: 20px; HEIGHT: 20px; OVERFLOW: hidden"><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "black" stroked = "f" path = " m-5,-5 l195,-5,195,195,-5,195 xe"><g_vml_:fill opacity = "1"></g_vml_:fill></g_vml_:shape></DIV>
  47. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 20px; OVERFLOW: hidden"></DIV></canvas><canvas style="POSITION: absolute; WIDTH: 503px; HEIGHT: 294px; TOP: 173px; LEFT: 102px" id=jsPlumb_1305637562913 class=_jsPlumb_connector height="294" width="503.2">
  48. <DIV style="POSITION: absolute; WIDTH: 503px; HEIGHT: 294px; OVERFLOW: hidden"><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "black" strokeweight = "7.5pt" path = " m95,1495 c-5,-5,5027,2935,4927,1435 e"><g_vml_:stroke opacity = "1" miterlimit = "10" joinstyle = "miter" endcap = "flat"></g_vml_:stroke></g_vml_:shape><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "#bd0b0b" strokeweight = "6pt" path = " m95,1495 c-5,-5,5027,2935,4927,1435 e"><g_vml_:stroke opacity = "1" miterlimit = "10" joinstyle = "miter" endcap = "flat"></g_vml_:stroke></g_vml_:shape></DIV>
  49. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 1200px; OVERFLOW: hidden"></DIV></canvas><canvas style="POSITION: absolute; WIDTH: 70px; HEIGHT: 70px; TOP: 366px; LEFT: 167px" id=jsPlumb_1305637562992 class=_jsPlumb_endpoint height="70" width="70">
  50. <DIV style="POSITION: absolute; WIDTH: 70px; HEIGHT: 70px; OVERFLOW: hidden"><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "black" stroked = "f" path = " ar-5,-5,695,695,3795,295,3795,295 x e"><g_vml_:fill opacity = "1"></g_vml_:fill></g_vml_:shape></DIV>
  51. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 70px; OVERFLOW: hidden"></DIV></canvas><canvas style="POSITION: absolute; WIDTH: 70px; HEIGHT: 70px; TOP: 112px; LEFT: 265px" id=jsPlumb_1305637562992 class=_jsPlumb_endpoint height="70" width="70">
  52. <DIV style="POSITION: absolute; WIDTH: 70px; HEIGHT: 70px; OVERFLOW: hidden"><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "black" stroked = "f" path = " ar-5,-5,695,695,3795,295,3795,295 x e"><g_vml_:fill opacity = "1"></g_vml_:fill></g_vml_:shape></DIV>
  53. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 70px; OVERFLOW: hidden"></DIV></canvas><canvas style="POSITION: absolute; WIDTH: 202px; HEIGHT: 264px; TOP: 142px; LEFT: 150px" id=jsPlumb_1305637563041 class=_jsPlumb_connector height="264" width="202">
  54. <DIV style="POSITION: absolute; WIDTH: 202px; HEIGHT: 264px; OVERFLOW: hidden"><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "#646464" strokeweight = "9pt" path = " m1495,45 c-5,145,2015,2485,515,2585 e"><g_vml_:stroke opacity = "50" miterlimit = "10" joinstyle = "miter" endcap = "flat"></g_vml_:stroke></g_vml_:shape><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "#3232c8" strokeweight = "7.5pt" path = " m1495,45 c-5,145,2015,2485,515,2585 e"><g_vml_:stroke opacity = "1" miterlimit = "10" joinstyle = "miter" endcap = "flat"></g_vml_:stroke></g_vml_:shape><SPAN style="BORDER-BOTTOM: medium none; POSITION: absolute; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 10px sans-serif; WHITE-SPACE: pre; BORDER-TOP: medium none; TOP: -20000px; BORDER-RIGHT: medium none; PADDING-TOP: 0px; LEFT: 0px">M</SPAN><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "black" stroked = "f" path = " m533,1248 l1478,1248,1478,1383,533,1383 xe"><g_vml_:fill opacity = "0"></g_vml_:fill></g_vml_:shape><g_vml_:line style="POSITION: absolute; WIDTH: 1px; HEIGHT: 1px" from = "-375pt,0" to = "375pt,0" filled = "t" fillcolor = "black" stroked = "f"><g_vml_:fill opacity = "1"></g_vml_:fill><g_vml_:skew on = "t" matrix = "1,0,0,1,0,0" origin = "500,0" offset = "101,132"></g_vml_:skew><g_vml_:path textpathok = "t"></g_vml_:path><g_vml_:textpath style="FONT: 9px sans-serif; v-text-align: center" on = "t" string = "23:06:03.688"></g_vml_:textpath></g_vml_:line></DIV>
  55. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 1200px; OVERFLOW: hidden"></DIV></canvas><canvas style="POSITION: absolute; WIDTH: 250px; HEIGHT: 250px; TOP: 345px; LEFT: 264px" id=jsPlumb_1305637563109 class=_jsPlumb_endpoint height="250" width="250">
  56. <DIV style="POSITION: absolute; WIDTH: 250px; HEIGHT: 250px; OVERFLOW: hidden"><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "#2ea41a" stroked = "f" path = " ar-5,-5,2495,2495,13695,1195,13695,1195 x e"><g_vml_:fill opacity = "52428f"></g_vml_:fill></g_vml_:shape></DIV>
  57. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 250px; OVERFLOW: hidden"></DIV></canvas><canvas style="POSITION: absolute; WIDTH: 250px; HEIGHT: 250px; TOP: 218px; LEFT: 760px" id=jsPlumb_1305637563109 class=_jsPlumb_endpoint height="250" width="250">
  58. <DIV style="POSITION: absolute; WIDTH: 250px; HEIGHT: 250px; OVERFLOW: hidden"><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "#2ea41a" stroked = "f" path = " ar-5,-5,2495,2495,13695,1195,13695,1195 x e"><g_vml_:fill opacity = "52428f"></g_vml_:fill></g_vml_:shape></DIV>
  59. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 250px; OVERFLOW: hidden"></DIV></canvas><canvas style="POSITION: absolute; WIDTH: 501px; HEIGHT: 459px; TOP: 177px; LEFT: 387px" id=jsPlumb_1305637563139 class=_jsPlumb_connector height="459" width="501">
  60. <DIV style="POSITION: absolute; WIDTH: 501px; HEIGHT: 459px; OVERFLOW: hidden"><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "#2ea41a" strokeweight = "3.75pt" path = " m4980,1655 c4880,1755,120,2825,20,2925 e"><g_vml_:stroke opacity = "52428f" miterlimit = "10" joinstyle = "miter" endcap = "flat"></g_vml_:stroke></g_vml_:shape><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "#2ea41a" stroked = "f" path = " m970,2088 l4030,2088,4030,2493,970,2493 xe"><g_vml_:fill opacity = "52428f"></g_vml_:fill></g_vml_:shape><g_vml_:line style="POSITION: absolute; WIDTH: 1px; HEIGHT: 1px" from = "-375pt,0" to = "375pt,0" filled = "t" fillcolor = "black" stroked = "f"><g_vml_:fill opacity = "1"></g_vml_:fill><g_vml_:skew on = "t" matrix = "1,0,0,1,0,0" origin = "500,0" offset = "250,216"></g_vml_:skew><g_vml_:path textpathok = "t"></g_vml_:path><g_vml_:textpath style="FONT: 9px sans-serif; v-text-align: center" on = "t" string = "big"></g_vml_:textpath></g_vml_:line><g_vml_:line style="POSITION: absolute; WIDTH: 1px; HEIGHT: 1px" from = "-375pt,0" to = "375pt,0" filled = "t" fillcolor = "black" stroked = "f"><g_vml_:fill opacity = "1"></g_vml_:fill><g_vml_:skew on = "t" matrix = "1,0,0,1,0,0" origin = "500,0" offset = "250,225"></g_vml_:skew><g_vml_:path textpathok = "t"></g_vml_:path><g_vml_:textpath style="FONT: 9px sans-serif; v-text-align: center" on = "t" string = "endpoints"></g_vml_:textpath></g_vml_:line><g_vml_:line style="POSITION: absolute; WIDTH: 1px; HEIGHT: 1px" from = "-375pt,0" to = "375pt,0" filled = "t" fillcolor = "black" stroked = "f"><g_vml_:fill opacity = "1"></g_vml_:fill><g_vml_:skew on = "t" matrix = "1,0,0,1,0,0" origin = "500,0" offset = "250,234"></g_vml_:skew><g_vml_:path textpathok = "t"></g_vml_:path><g_vml_:textpath style="FONT: 9px sans-serif; v-text-align: center" on = "t" string = "these are big endpoints."></g_vml_:textpath></g_vml_:line><g_vml_:line style="POSITION: absolute; WIDTH: 1px; HEIGHT: 1px" from = "-375pt,0" to = "375pt,0" filled = "t" fillcolor = "black" stroked = "f"><g_vml_:fill opacity = "1"></g_vml_:fill><g_vml_:skew on = "t" matrix = "1,0,0,1,0,0" origin = "500,0" offset = "250,243"></g_vml_:skew><g_vml_:path textpathok = "t"></g_vml_:path><g_vml_:textpath style="FONT: 9px sans-serif; v-text-align: center" on = "t" string = "the biggest endpoints that are on this page."></g_vml_:textpath></g_vml_:line><g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "black" strokeweight = ".75pt" path = " m970,2088 l4030,2088,4030,2493,970,2493 xe"><g_vml_:stroke opacity = "1" miterlimit = "10" joinstyle = "miter" endcap = "flat"></g_vml_:stroke></g_vml_:shape></DIV>
  61. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 1200px; OVERFLOW: hidden"></DIV></canvas>
  62. <!-- image endpoint, connection 4-5 -->
  63. <canvas style="POSITION: absolute; WIDTH: 50px; HEIGHT: 50px; TOP: 200px; LEFT: 454px" id=jsPlumb_1305637563649 class=_jsPlumb_endpoint height="50" width="50">
  64. <DIV style="POSITION: absolute; WIDTH: 50px; HEIGHT: 50px; OVERFLOW: hidden">
  65. <g_vml_:group style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px; TOP: 0px; LEFT: 0px" coordsize = "100,100">
  66. <g_vml_:image style="WIDTH: 500px; HEIGHT: 500px" src = "http://morrisonpitt.com/jsPlumb/img/endpointTest1.png" croptop = "0" cropbottom = "0" cropleft = "0" cropright = "0" coordsize = "21600,21600"></g_vml_:image>
  67. </g_vml_:group>
  68. </DIV>
  69. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 50px; OVERFLOW: hidden"></DIV>
  70. </canvas>
  71. <!-- image endpoint, connection 4-5 -->
  72. <canvas style="POSITION: absolute; WIDTH: 50px; HEIGHT: 50px; TOP: 367px; LEFT: 275px" id=jsPlumb_1305637563659 class=_jsPlumb_endpoint height="50" width="50">
  73. <DIV style="POSITION: absolute; WIDTH: 50px; HEIGHT: 50px; OVERFLOW: hidden"><g_vml_:group style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px; TOP: 0px; LEFT: 0px" coordsize = "100,100"><g_vml_:image style="WIDTH: 500px; HEIGHT: 500px" src = "http://morrisonpitt.com/jsPlumb/img/endpointTest1.png" croptop = "0" cropbottom = "0" cropleft = "0" cropright = "0" coordsize = "21600,21600"></g_vml_:image></g_vml_:group></DIV>
  74. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 50px; OVERFLOW: hidden"></DIV></canvas>
  75. <!-- connection 4-5, straight line, with label -->
  76. <canvas style="POSITION: absolute; WIDTH: 340px; HEIGHT: 317px; TOP: 149px; LEFT: 219px" id=jsPlumb_1305637563669 class=_jsPlumb_connector height="317.3" width="340.1">
  77. <DIV style="POSITION: absolute; WIDTH: 340px; HEIGHT: 317px; OVERFLOW: hidden">
  78. <g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "#830887" strokeweight = "5.25pt" path = " m2590,747 l801,2417 e">
  79. <g_vml_:stroke opacity = "1" miterlimit = "10" joinstyle = "miter" endcap = "flat"></g_vml_:stroke>
  80. </g_vml_:shape>
  81. <g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "white" stroked = "f" path = " m1774,1131 l2332,1131,2332,1365,1774,1365 xe">
  82. <g_vml_:fill opacity = "1"></g_vml_:fill>
  83. </g_vml_:shape>
  84. <g_vml_:line style="POSITION: absolute; WIDTH: 1px; HEIGHT: 1px" from = "-375pt,0" to = "375pt,0" filled = "t" fillcolor = "#830887" stroked = "f">
  85. <g_vml_:fill opacity = "1"></g_vml_:fill>
  86. <g_vml_:skew on = "t" matrix = "1,0,0,1,0,0" origin = "500,0" offset = "205,125"></g_vml_:skew>
  87. <g_vml_:path textpathok = "t"></g_vml_:path>
  88. <g_vml_:textpath style="FONT: 15px sans-serif; v-text-align: center" on = "t" string = "4 - 5"></g_vml_:textpath>
  89. </g_vml_:line>
  90. <g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "#830887" strokeweight = ".75pt" path = " m1774,1131 l2332,1131,2332,1365,1774,1365 xe">
  91. <g_vml_:stroke opacity = "1" miterlimit = "10" joinstyle = "miter" endcap = "flat"></g_vml_:stroke>
  92. </g_vml_:shape></DIV>
  93. <DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 1200px; HEIGHT: 1200px; OVERFLOW: hidden"></DIV>
  94. </canvas>