PageRenderTime 32ms CodeModel.GetById 23ms RepoModel.GetById 0ms app.codeStats 1ms

/external/phylomel/tests/dendog0.svg

https://github.com/Tener/pfff
SVG | 160 lines | 145 code | 15 blank | 0 comment | 5 complexity | 9accddc5ef09f8955c4acaebebb4a5ff MD5 | raw file
    

  1. <?xml version="1.0" standalone="no"?>
    2. 

  2.             <svg width="1280" height="375" version="1.1"
    3. 

  3.             baseProfile="full"
    4. 

  4.             xmlns="http://www.w3.org/2000/svg"
    5. 

  5.             xmlns:xlink="http://www.w3.org/1999/xlink"
    6. 

  6.             xmlns:ev="http://www.w3.org/2001/xml-events"
    7. 

  7.             onload="Init( evt )">
    8. 

  8. <script type="text/ecmascript
    9. 

  9. ">//<![CDATA[
    10. 

    11. 

  11. var svgRoot;
    12. 

  12. var toScale;
    13. 

  13. var toTranslate;
    14. 

  14. var myLine;
    15. 

  15. var myLegend;
    16. 

  16. 

  17. var b_mouse_down = false;
    18. 

  18. var b_drag = false;
    19. 

  19. 

  20. var last_pos = 909;
    21. 

  21. 

  22. function Init() {
    23. 

  23.     svgRoot = document.documentElement;
    24. 

  24.     toScale = document.getElementById("to_scale");
    25. 

  25.     toTranslate = document.getElementById("to_translate");
    26. 

  26.     myLine  = document.getElementById("line");
    27. 

  27.     myLegend = document.getElementById("legend");
    28. 

  28. }
    29. 

  29. 

  30. function getMouse(evt) {
    31. 

  31.     var pos = svgRoot.createSVGPoint();
    32. 

  32.     pos.x = evt.clientX;
    33. 

  33.     pos.y = evt.clientY;
    34. 

  34.     return pos;
    35. 

  35. }
    36. 

  36. 	
    37. 

  37. function onMouseDown(evt) {
    38. 

  38.     b_mouse_down = true;
    39. 

  39.     if(isPointInVertLine(getMouse(evt), myLine)) {
    40. 

  40. 	b_drag = true;
    41. 

  41.     }
    42. 

  42. }
    43. 

  43. 	
    44. 

  44. function onMouseMove(evt) {
    45. 

  45.     if(b_drag) {
    46. 

  46. 	doUpdate(evt);
    47. 

  47.     }
    48. 

  48. }
    49. 

  49. 	
    50. 

  50. function onMouseUp(evt) {
    51. 

  51.     var newP = getMouse(evt);
    52. 

  52.     if(b_drag) {
    53. 

  53. 		toScale.setAttribute("transform", "matrix(" + newP.x / 909 + " 0 0 1 0 0)");
    54. 

  54. 		toTranslate.setAttribute("transform", "translate(" + (-(909 - newP.x)) + " 0)");
    55. 

  55. 		
    56. 

  56. 		//Update legend (10, 20, .. 100)
    57. 

  57. 		for (i=0; i<=10; i++) {
    58. 

  58. 			var text = document.getElementById("Legend" + i);
    59. 

  59. 			x0 = text.getAttribute("x0");
    60. 

  60. 			//text.setAttribute("x",x0 * newP.x / 909);
    61. 

  61. 			orig_pos = 9 + 9 * (i*10);
    62. 

  62. 			text.setAttribute("x",orig_pos * newP.x / 909);
    63. 

  63. 		}
    64. 

  64. 		
    65. 

  65. 		//Update legend marks
    66. 

  66. 		for (i=0; i<=20; i++) {
    67. 

  67. 			var text = document.getElementById("LegendLine" + i);
    68. 

  68. 			orig_pos = 9 + 9 * (i*5);
    69. 

  69. 			text.setAttribute("x1",orig_pos * newP.x / 909);
    70. 

  70. 			text.setAttribute("x2",orig_pos * newP.x / 909);
    71. 

  71. 		}
    72. 

  72. 

  73.     }
    74. 

  74.     b_mouse_down = false;
    75. 

  75.     b_drag = false;
    76. 

  76. }
    77. 

  77. 	
    78. 

  78. function doUpdate(evt) {
    79. 

  79.     var newP = getMouse(evt);
    80. 

  80.     myLine.setAttributeNS(null, "x1", newP.x );
    81. 

  81.     myLine.setAttributeNS(null, "x2", newP.x );
    82. 

  82.     
    83. 

  83. }
    84. 

  84. 	
    85. 

  85. function isPointInVertLine(p,line) {
    86. 

  86.     x = line.getAttribute("x1");
    87. 

  87.     return Math.abs(x - p.x) <= 4
    88. 

  88. 	}
    89. 

  89. 	
    90. 

  90. // ]]></script>
    91. 

  91. <g id="to_scale" transform="matrix(1 0 0 1 0 0)">
    92. 

  92. <line id="" x1="8.10" y1="23.00" x2="909.90" y2="23.00" style="stroke:black;stroke-width:2.000000"/>
    93. 

  93. <polyline id="" points="769.56,246.97 9.00,246.97 9.00,337.50 839.28,337.50" style="fill:none;stroke:black;stroke-width:2.000000"/>
    94. 

  94. <polyline id="" points="804.42,206.45 769.56,206.45 769.56,287.50 839.28,287.50" style="fill:none;stroke:black;stroke-width:2.000000"/>
    95. 

  95. <polyline id="" points="839.28,175.39 804.42,175.39 804.42,237.50 839.28,237.50" style="fill:none;stroke:black;stroke-width:2.000000"/>
    96. 

  96. <polyline id="" points="839.28,150.78 839.28,150.78 839.28,200.00 909.00,200.00" style="fill:none;stroke:black;stroke-width:2.000000"/>
    97. 

  97. <polyline id="" points="839.28,126.56 839.28,126.56 839.28,175.00 909.00,175.00" style="fill:none;stroke:black;stroke-width:2.000000"/>
    98. 

  98. <polyline id="" points="839.28,103.12 839.28,103.12 839.28,150.00 909.00,150.00" style="fill:none;stroke:black;stroke-width:2.000000"/>
    99. 

  99. <polyline id="" points="839.28,81.25 839.28,81.25 839.28,125.00 909.00,125.00" style="fill:none;stroke:black;stroke-width:2.000000"/>
    100. 

  100. <polyline id="" points="839.28,62.50 839.28,62.50 839.28,100.00 909.00,100.00" style="fill:none;stroke:black;stroke-width:2.000000"/>
    101. 

  101. <polyline id="" points="909.00,50.00 839.28,50.00 839.28,75.00 909.00,75.00" style="fill:none;stroke:black;stroke-width:2.000000"/>
    102. 

  102. <polyline id="" points="909.00,225.00 839.28,225.00 839.28,250.00 909.00,250.00" style="fill:none;stroke:black;stroke-width:2.000000"/>
    103. 

  103. <polyline id="" points="909.00,275.00 839.28,275.00 839.28,300.00 909.00,300.00" style="fill:none;stroke:black;stroke-width:2.000000"/>
    104. 

  104. <polyline id="" points="909.00,325.00 839.28,325.00 839.28,350.00 909.00,350.00" style="fill:none;stroke:black;stroke-width:2.000000"/>
    105. 

  105. </g>
    106. 

  106. <line id="LegendLine0" x1="9.00" y1="23.00" x2="9.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    107. 

  107. <line id="LegendLine1" x1="54.00" y1="23.00" x2="54.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    108. 

  108. <line id="LegendLine2" x1="99.00" y1="23.00" x2="99.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    109. 

  109. <line id="LegendLine3" x1="144.00" y1="23.00" x2="144.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    110. 

  110. <line id="LegendLine4" x1="189.00" y1="23.00" x2="189.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    111. 

  111. <line id="LegendLine5" x1="234.00" y1="23.00" x2="234.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    112. 

  112. <line id="LegendLine6" x1="279.00" y1="23.00" x2="279.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    113. 

  113. <line id="LegendLine7" x1="324.00" y1="23.00" x2="324.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    114. 

  114. <line id="LegendLine8" x1="369.00" y1="23.00" x2="369.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    115. 

  115. <line id="LegendLine9" x1="414.00" y1="23.00" x2="414.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    116. 

  116. <line id="LegendLine10" x1="459.00" y1="23.00" x2="459.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    117. 

  117. <line id="LegendLine11" x1="504.00" y1="23.00" x2="504.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    118. 

  118. <line id="LegendLine12" x1="549.00" y1="23.00" x2="549.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    119. 

  119. <line id="LegendLine13" x1="594.00" y1="23.00" x2="594.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    120. 

  120. <line id="LegendLine14" x1="639.00" y1="23.00" x2="639.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    121. 

  121. <line id="LegendLine15" x1="684.00" y1="23.00" x2="684.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    122. 

  122. <line id="LegendLine16" x1="729.00" y1="23.00" x2="729.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    123. 

  123. <line id="LegendLine17" x1="774.00" y1="23.00" x2="774.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    124. 

  124. <line id="LegendLine18" x1="819.00" y1="23.00" x2="819.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    125. 

  125. <line id="LegendLine19" x1="864.00" y1="23.00" x2="864.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    126. 

  126. <line id="LegendLine20" x1="909.00" y1="23.00" x2="909.00" y2="25.60" style="stroke:black;stroke-width:2.000000"/>
    127. 

  127. <text id="Legend0" x="9.000000" y="36.000000" x0="9.000000" style="font-family:Arial;font-size:10px;text-anchor:middle"> 0 </text>
    128. 

  128. <text id="Legend1" x="99.000000" y="36.000000" x0="99.000000" style="font-family:Arial;font-size:10px;text-anchor:middle"> 10 </text>
    129. 

  129. <text id="Legend2" x="189.000000" y="36.000000" x0="189.000000" style="font-family:Arial;font-size:10px;text-anchor:middle"> 20 </text>
    130. 

  130. <text id="Legend3" x="279.000000" y="36.000000" x0="279.000000" style="font-family:Arial;font-size:10px;text-anchor:middle"> 30 </text>
    131. 

  131. <text id="Legend4" x="369.000000" y="36.000000" x0="369.000000" style="font-family:Arial;font-size:10px;text-anchor:middle"> 40 </text>
    132. 

  132. <text id="Legend5" x="459.000000" y="36.000000" x0="459.000000" style="font-family:Arial;font-size:10px;text-anchor:middle"> 50 </text>
    133. 

  133. <text id="Legend6" x="549.000000" y="36.000000" x0="549.000000" style="font-family:Arial;font-size:10px;text-anchor:middle"> 60 </text>
    134. 

  134. <text id="Legend7" x="639.000000" y="36.000000" x0="639.000000" style="font-family:Arial;font-size:10px;text-anchor:middle"> 70 </text>
    135. 

  135. <text id="Legend8" x="729.000000" y="36.000000" x0="729.000000" style="font-family:Arial;font-size:10px;text-anchor:middle"> 80 </text>
    136. 

  136. <text id="Legend9" x="819.000000" y="36.000000" x0="819.000000" style="font-family:Arial;font-size:10px;text-anchor:middle"> 90 </text>
    137. 

  137. <text id="Legend10" x="909.000000" y="36.000000" x0="909.000000" style="font-family:Arial;font-size:10px;text-anchor:middle"> 100 </text>
    138. 

  138. <text id="" x="54" y="16" style="font-family: Arial; font-size:12px; text-anchor: left"> Homology percentage </text>
    139. 

  139. <line id="line" x1="909" y1="23" x2="909" y2="350" style="stroke:black;stroke-width:1" opacity="0.5" />
    140. 

  140. <rect id="canvas" x="0" y="0" width="1280" height="375" opacity="0"
    141. 

  141. 		pointer-events="visible"
    142. 

  142. 		onmousedown="onMouseDown(evt)"
    143. 

  143. 		onmousemove="onMouseMove(evt)"
    144. 

  144. 		onmouseup="onMouseUp(evt)"/>
    145. 

  145. <g id="to_translate" transform="translate(0 0)">
    146. 

  146. <text id="" x="918" y="54" style="font-family: Arial; font-size:10px; text-anchor: left">  425 France Bordeaux </text>
    147. 

  147. <text id="" x="918" y="80" style="font-family: Arial; font-size:10px; text-anchor: left">  404 France Paris </text>
    148. 

  148. <text id="" x="918" y="104" style="font-family: Arial; font-size:10px; text-anchor: left">  386 France Paris </text>
    149. 

  149. <text id="" x="918" y="130" style="font-family: Arial; font-size:10px; text-anchor: left">  389 France Bordeaux </text>
    150. 

  150. <text id="" x="918" y="154" style="font-family: Arial; font-size:10px; text-anchor: left">  422 France Paris </text>
    151. 

  151. <text id="" x="918" y="180" style="font-family: Arial; font-size:10px; text-anchor: left">  392 France Bordeaux </text>
    152. 

  152. <text id="" x="918" y="204" style="font-family: Arial; font-size:10px; text-anchor: left">  415 France Paris </text>
    153. 

  153. <text id="" x="918" y="230" style="font-family: Arial; font-size:10px; text-anchor: left">  423 France Paris </text>
    154. 

  154. <text id="" x="918" y="254" style="font-family: Arial; font-size:10px; text-anchor: left">  419 Germany Berlin </text>
    155. 

  155. <text id="" x="918" y="280" style="font-family: Arial; font-size:10px; text-anchor: left">  413 France Paris </text>
    156. 

  156. <text id="" x="918" y="304" style="font-family: Arial; font-size:10px; text-anchor: left">  421 France Bordeaux </text>
    157. 

  157. <text id="" x="918" y="330" style="font-family: Arial; font-size:10px; text-anchor: left">  406 France Paris </text>
    158. 

  158. <text id="" x="918" y="354" style="font-family: Arial; font-size:10px; text-anchor: left">  427 France Bordeaux </text>
    159. 

  159. </g>
    160. 

  160. </svg>
    161.