Home Explore Help
Register Sign In
xiongzhu
/
O2OA
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 62c5faeb5b
Branches Tags
O2OA
/
o2web
/
source
/
x_desktop
/
test
/
svg.html

svg.html 18 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4.     <meta charset="UTF-8">
    5. 

  5.     <title>Title</title>
    6. 

  6. </head>
    7. 

  7. <body>
    8. 

  8. 

  9. <svg xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative;"
    10. 

  10.      width="700" height="500" preserveaspectratio="xMinYMin meet" viewbox="0,0,1400,1000" version="1.1" xmlns="http://www.w3.org/2000/svg">
    11. 

  11.     <desc>Created with Raphaël 2.1.2</desc>
    12. 

  12.     <defs />
    13. 

  13.     <path style="cursor: pointer;" fill="#d0ffbd" stroke="#389d11" stroke-width="1"
    14. 

  14.           d="M 60 130 C 71.0457 130 80 121.046 80 110 C 80 98.9543 71.0457 90 60 90 C 48.9543 90 40 98.9543 40 110 C 40 121.046 48.9543 130 60 130 C 60 130 60 130 60 130" width="40" height="40" />
    15. 

  15.     <text font-size="14px" style="display: none; cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#000000" stroke="none" stroke-width="0" text-anchor="middle" x="66" y="110" font="10px &quot;Arial&quot;"><tspan dy="4.045">开始</tspan></text>
    16. 

  16.     <image style="cursor: pointer;" preserveAspectRatio="none meet" x="52" y="102" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/x_component_process_ProcessDesigner/$Process/flat/icon/begin.gif" />
    17. 

  17.     <path style="cursor: pointer;" fill="#ffbb9a" stroke="#ca6331" stroke-width="1"
    18. 

  18.           d="M 500 220 C 511.046 220 520 211.046 520 200 C 520 188.954 511.046 180 500 180 C 488.954 180 480 188.954 480 200 C 480 211.046 488.954 220 500 220 C 500 220 500 220 500 220" width="41" height="41" />
    19. 

  19.     <text font-size="14px" style="display: none; cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#000000" stroke="none" text-anchor="middle" x="506" y="200" font="10px &quot;Arial&quot;"><tspan dy="4.045">结束</tspan></text>
    20. 

  20.     <image style="cursor: pointer;" preserveAspectRatio="none meet" x="492" y="192" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/x_component_process_ProcessDesigner/$Process/flat/icon/end.gif" />
    21. 

  21.     <path style="cursor: pointer;" fill="#c8defa" stroke="#6398db" stroke-width="1"
    22. 

  22.           d="M 750 320 C 750 320 750 320 750 320 C 750 320 750 280 750 280 C 750 280 750 280 750 280 C 750 280 650 280 650 280 C 650 280 650 280 650 280 C 650 280 650 320 650 320 C 650 320 650 320 650 320 C 650 320 750 320 750 320 C 750 320 750 320 750 320" />
    23. 

  23.     <text font-size="14px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#000000" stroke="none" stroke-width="0" text-anchor="middle" x="710" y="300" font="10px &quot;Arial&quot;"><tspan dy="4.045">未命名</tspan></text>
    24. 

  24.     <image style="cursor: pointer;" preserveAspectRatio="none meet" x="658" y="292" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/x_component_process_ProcessDesigner/$Process/flat/icon/manual.gif" />
    25. 

  25.     <path style="cursor: pointer;" fill="#c8defa" stroke="#6398db" stroke-width="1"
    26. 

  26.           d="M 240 220 C 240 220 240 220 240 220 C 240 220 240 180 240 180 C 240 180 240 180 240 180 C 240 180 140 180 140 180 C 140 180 140 180 140 180 C 140 180 140 220 140 220 C 140 220 140 220 140 220 C 140 220 240 220 240 220 C 240 220 240 220 240 220" />
    27. 

  27.     <text font-size="14px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#000000" stroke="none" stroke-width="0" text-anchor="middle" x="200" y="200" font="10px &quot;Arial&quot;"><tspan dy="4.045">办理</tspan></text>
    28. 

  28.     <image style="cursor: pointer;" preserveAspectRatio="none meet" x="148" y="192" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/x_component_process_ProcessDesigner/$Process/flat/icon/manual.gif" />
    29. 

  29.     <path style="cursor: pointer;" fill="#d0ffbd" stroke="#ff0000" stroke-width="1"
    30. 

  30.           d="M 410 130 C 410 130 410 130 410 130 C 410 130 410 90 410 90 C 410 90 410 90 410 90 C 410 90 310 90 310 90 C 310 90 310 90 310 90 C 310 90 310 130 310 130 C 310 130 310 130 310 130 C 310 130 410 130 410 130 C 410 130 410 130 410 130" />
    31. 

  31.     <text font-size="14px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#000000" stroke="none" stroke-width="0" text-anchor="middle" x="370" y="110" font="10px &quot;Arial&quot;"><tspan dy="4.045">核稿</tspan></text>
    32. 

  32.     <image style="cursor: pointer;" preserveAspectRatio="none meet" x="318" y="102" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/x_component_process_ProcessDesigner/$Process/flat/icon/manual.gif" />
    33. 

  33.     <path style="cursor: pointer;" fill="#c8defa" stroke="#6398db" stroke-width="1"
    34. 

  34.           d="M 760 230 C 760 230 760 230 760 230 C 760 230 760 190 760 190 C 760 190 760 190 760 190 C 760 190 660 190 660 190 C 660 190 660 190 660 190 C 660 190 660 230 660 230 C 660 230 660 230 660 230 C 660 230 760 230 760 230 C 760 230 760 230 760 230" />
    35. 

  35.     <text font-size="14px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#000000" stroke="none" stroke-width="0" text-anchor="middle" x="720" y="210" font="10px &quot;Arial&quot;"><tspan dy="4.63">未命名ss</tspan></text>
    36. 

  36.     <image style="cursor: pointer;" preserveAspectRatio="none meet" x="668" y="202" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/x_component_process_ProcessDesigner/$Process/flat/icon/manual.gif" />
    37. 

  37.     <path style="cursor: pointer;" fill="#c8defa" stroke="#6398db" stroke-width="1"
    38. 

  38.           d="M 410 220 C 410 220 410 220 410 220 C 410 220 410 180 410 180 C 410 180 410 180 410 180 C 410 180 310 180 310 180 C 310 180 310 180 310 180 C 310 180 310 220 310 220 C 310 220 310 220 310 220 C 310 220 410 220 410 220 C 410 220 410 220 410 220" />
    39. 

  39.     <text font-size="14px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#000000" stroke="none" stroke-width="0" text-anchor="middle" x="370" y="200" font="10px &quot;Arial&quot;"><tspan dy="4.045">确认</tspan></text>
    40. 

  40.     <image style="cursor: pointer;" preserveAspectRatio="none meet" x="318" y="192" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/x_component_process_ProcessDesigner/$Process/flat/icon/manual.gif" />
    41. 

  41.     <path style="cursor: pointer;" fill="#d0ffbd" stroke="#389d11" stroke-width="1"
    42. 

  42.           d="M 240 120 C 240 120 240 120 240 120 C 240 120 240 80 240 80 C 240 80 240 80 240 80 C 240 80 140 80 140 80 C 140 80 140 80 140 80 C 140 80 140 120 140 120 C 140 120 140 120 140 120 C 140 120 240 120 240 120 C 240 120 240 120 240 120" />
    43. 

  43.     <text font-size="14px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#000000" stroke="none" stroke-width="0" text-anchor="middle" x="200" y="100" font="10px &quot;Arial&quot;"><tspan dy="4.045">拟稿</tspan></text>
    44. 

  44.     <image style="cursor: pointer;" preserveAspectRatio="none meet" x="148" y="92" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/x_component_process_ProcessDesigner/$Process/flat/icon/manual.gif" />
    45. 

  45.     <path style="cursor: pointer;" fill="#c5ebb8" stroke="#7cb58a" stroke-width="1"
    46. 

  46.           d="M 120 220 C 120 220 120 220 120 220 C 120 220 120 180 120 180 C 120 180 120 180 120 180 C 120 180 20 180 20 180 C 20 180 20 180 20 180 C 20 180 20 220 20 220 C 20 220 20 220 20 220 C 20 220 120 220 120 220 C 120 220 120 220 120 220" />
    47. 

  47.     <text font-size="14px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#000000" stroke="none" stroke-width="0" text-anchor="middle" x="80" y="200" font="10px &quot;Arial&quot;"><tspan dy="4.045">服务调用</tspan></text>
    48. 

  48.     <image style="cursor: pointer;" preserveAspectRatio="none meet" x="28" y="192" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/x_component_process_ProcessDesigner/$Process/flat/icon/invoke.gif" />
    49. 

  49.     <path style="cursor: pointer;" fill="#389d11" stroke="#000000" stroke-width="0"
    50. 

  50.           d="M 79.7954 111.477 C 81.4522 111.477 82.7954 110.134 82.7954 108.477 C 82.7954 106.82 81.4522 105.477 79.7954 105.477 C 78.1385 105.477 76.7954 106.82 76.7954 108.477 C 76.7954 110.134 78.1385 111.477 79.7954 111.477 Z" />
    51. 

  51.     <path style="cursor: pointer;" fill="none" stroke="#389d11" stroke-width="2" d="M 79.7954 108.477 L 140 103.846" />
    52. 

  52.     <path style="cursor: pointer;" fill="#389d11" stroke="#000000" stroke-width="0" d="M 132.024 104.46 L 128.767 99.6238 L 140 103.846 L 129.545 109.737 Z" />
    53. 

  53.     <text font-size="12px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#999999" stroke="none" stroke-width="0" text-anchor="middle" x="103.8772" y="106.6248" font="10px &quot;Arial&quot;"><tspan dy="3.4698">开始</tspan></text>
    54. 

  54.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0"
    55. 

  55.           d="M 240 203 C 241.657 203 243 201.657 243 200 C 243 198.343 241.657 197 240 197 C 238.343 197 237 198.343 237 200 C 237 201.657 238.343 203 240 203 Z" />
    56. 

  56.     <path style="cursor: pointer;" fill="none" stroke="#bbbbbb" stroke-width="2" d="M 240 200 L 310 200" />
    57. 

  57.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" d="M 302 200 L 299.124 205.071 L 310 200 L 299.124 194.929 Z" />
    58. 

  58.     <text font-size="12px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#999999" stroke="none" stroke-width="0" text-anchor="middle" x="271" y="189" font="10px &quot;Arial&quot;"><tspan dy="3.465">办理完成</tspan></text>
    59. 

  59.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0"
    60. 

  60.           d="M 322.222 133 C 323.879 133 325.222 131.657 325.222 130 C 325.222 128.343 323.879 127 322.222 127 C 320.565 127 319.222 128.343 319.222 130 C 319.222 131.657 320.565 133 322.222 133 Z" />
    61. 

  61.     <path style="cursor: pointer;" fill="none" stroke="#bbbbbb" stroke-width="2" d="M 322.222 130 L 227.778 180" />
    62. 

  62.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" d="M 234.848 176.257 L 235.017 170.429 L 227.778 180 L 239.762 179.393 Z" />
    63. 

  63.     <text font-size="12px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#999999" stroke="none" stroke-width="0" text-anchor="middle" x="303" y="152" ><tspan dy="3.465">送办理</tspan></text>
    64. 

  64.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" d="M 360 93 C 361.657 93 363 91.6569 363 90 C 363 88.3431 361.657 87 360 87 C 358.343 87 357 88.3431 357 90 C 357 91.6569 358.343 93 360 93 Z" />
    65. 

  65.     <path style="cursor: pointer;" fill="none" stroke="#bbbbbb" stroke-width="2" d="M 360 90 L 360 52 Q 360 40 348 40 L 201.933 40 Q 189.933 40 189.947 52 L 189.978 80" />
    66. 

  66.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" d="M 189.969 72 L 184.894 69.1299 L 189.978 80 L 195.037 69.1187 Z" />
    67. 

  67.     <text font-size="12px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#999999" stroke="none" stroke-width="0" text-anchor="middle" x="269" y="30" font="10px &quot;Arial&quot;"><tspan dy="3.465">退回</tspan></text>
    68. 

  68.     <path style="display: none; cursor: pointer; fill-opacity: 100;" fill="#eeeeee" fill-opacity="100" stroke="#999999" stroke-width="0.5"
    69. 

  69.           d="M 361.5 42.5 C 361.5 42.5 361.5 42.5 361.5 42.5 L 361.5 37.5 C 361.5 37.5 361.5 37.5 361.5 37.5 L 356.5 37.5 C 356.5 37.5 356.5 37.5 356.5 37.5 C 356.5 37.5 356.5 42.5 356.5 42.5 C 356.5 42.5 356.5 42.5 356.5 42.5 C 356.5 42.5 361.5 42.5 361.5 42.5 Z" />
    70. 

  70.     <path style="display: none; cursor: pointer; fill-opacity: 100;" fill="#eeeeee" fill-opacity="100" stroke="#999999" stroke-width="0.5"
    71. 

  71.           d="M 191.5 42.5 C 191.5 42.5 191.5 42.5 191.5 42.5 L 191.5 37.5 C 191.5 37.5 191.5 37.5 191.5 37.5 L 186.5 37.5 C 186.5 37.5 186.5 37.5 186.5 37.5 C 186.5 37.5 186.5 42.5 186.5 42.5 C 186.5 42.5 186.5 42.5 186.5 42.5 C 186.5 42.5 191.5 42.5 191.5 42.5 Z" />
    72. 

  72.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" d="M 360 133 C 361.657 133 363 131.657 363 130 C 363 128.343 361.657 127 360 127 C 358.343 127 357 128.343 357 130 C 357 131.657 358.343 133 360 133 Z" />
    73. 

  73.     <path style="cursor: pointer;" fill="none" stroke="#bbbbbb" stroke-width="2" d="M 360 130 L 360 180" />
    74. 

  74.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" d="M 360 172 L 354.929 169.124 L 360 180 L 365.071 169.124 Z" />
    75. 

  75.     <text font-size="12px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#999999" stroke="none" stroke-width="0" text-anchor="middle" x="360" y="150" font="10px &quot;Arial&quot;"><tspan dy="3.465">送确认</tspan></text>
    76. 

  76.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" d="M 410 203 C 411.657 203 413 201.657 413 200 C 413 198.343 411.657 197 410 197 C 408.343 197 407 198.343 407 200 C 407 201.657 408.343 203 410 203 Z" />
    77. 

  77.     <path style="cursor: pointer;" fill="none" stroke="#bbbbbb" stroke-width="2" d="M 410 200 L 480 200" /><path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" d="M 472 200 L 469.124 205.071 L 480 200 L 469.124 194.929 Z" />
    78. 

  78.     <text font-size="12px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#999999" stroke="none" stroke-width="0" text-anchor="middle" x="438" y="200"><tspan dy="3.465">结束</tspan></text>
    79. 

  79.     <path style="cursor: pointer;" fill="#389d11" stroke="#000000" stroke-width="0" d="M 240 105.941 C 241.657 105.941 243 104.598 243 102.941 C 243 101.284 241.657 99.9412 240 99.9412 C 238.343 99.9412 237 101.284 237 102.941 C 237 104.598 238.343 105.941 240 105.941 Z" />
    80. 

  80.     <path style="cursor: pointer;" fill="none" stroke="#389d11" stroke-width="2" d="M 240 102.941 L 310 107.059" />
    81. 

  81.     <path style="cursor: pointer;" fill="#389d11" stroke="#000000" stroke-width="0" d="M 302.014 106.589 L 298.845 111.483 L 310 107.059 L 299.441 101.358 Z" />
    82. 

  82.     <text font-size="12px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#999999" stroke="none" stroke-width="0" text-anchor="middle" x="273" y="99"><tspan dy="3.465">送核稿</tspan></text>
    83. 

  83.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" d="M 240 119.129 C 241.657 119.129 243 117.786 243 116.129 C 243 114.472 241.657 113.129 240 113.129 C 238.343 113.129 237 114.472 237 116.129 C 237 117.786 238.343 119.129 240 119.129 Z" />
    84. 

  84.     <path style="cursor: pointer;" fill="none" stroke="#bbbbbb" stroke-width="2" d="M 240 116.129 L 481.05 193.887" />
    85. 

  85.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" d="M 473.437 191.431 L 469.143 195.375 L 481.05 193.887 L 472.257 185.722 Z" />
    86. 

  86.     <text font-size="12px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#999999" stroke="none" stroke-width="0" text-anchor="middle" x="336.4201" y="147.2323"><tspan dy="3.4673">未命名</tspan></text>
    87. 

  87.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" d="M 94 183 C 95.6569 183 97 181.657 97 180 C 97 178.343 95.6569 177 94 177 C 92.3431 177 91 178.343 91 180 C 91 181.657 92.3431 183 94 183 Z" />
    88. 

  88.     <path style="cursor: pointer;" fill="none" stroke="#bbbbbb" stroke-width="2" d="M 94 180 L 166 120" />
    89. 

  89.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" d="M 159.854 125.121 L 154.398 123.066 L 166 120 L 160.892 130.858 Z" />
    90. 

  90.     <text font-size="12px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#999999" stroke="none" stroke-width="0" text-anchor="middle" x="122.8" y="156"><tspan dy="3.465">未命名</tspan></text>
    91. 

  91.     <circle fill="#ff0000" stroke="#000" stroke-width="0" cx="240" cy="80" r="9" />
    92. 

  92.     <text font-size="10px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#ffffff" stroke="none" stroke-width="0" text-anchor="middle" x="240" y="80" font="10px &quot;Arial&quot;"><tspan dy="3.3">1</tspan></text>
    93. 

  93.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" transform="matrix(1 0 0 1 0 0)" d="M 360 223 C 361.657 223 363 221.657 363 220 C 363 218.343 361.657 217 360 217 C 358.343 217 357 218.343 357 220 C 357 221.657 358.343 223 360 223 Z" />
    94. 

  94.     <path style="cursor: pointer;" fill="none" stroke="#bbbbbb" stroke-width="2" transform="matrix(1 0 0 1 0 0)" d="M 360 220 L 360 268 Q 360 280 348 280 L 202 280 Q 190 280 190 268 L 190 220" />
    95. 

  95.     <path style="cursor: pointer;" fill="#999999" stroke="#000000" stroke-width="0" transform="matrix(1 0 0 1 0 0)" d="M 190 228 L 184.929 230.876 L 190 220 L 195.071 230.876 Z" />
    96. 

  96.     <text font-size="12px" style="cursor: pointer; font-size-adjust: none; font-stretch: normal; text-anchor: middle;" fill="#999999" stroke="none" stroke-width="0" text-anchor="middle" transform="matrix(1 0 0 1 0 0)" x="340" y="268"><tspan dy="3.465">退回</tspan></text>
    97. 

  97.     <path style="display: none; cursor: pointer; fill-opacity: 100;" fill="#eeeeee" fill-opacity="100" stroke="#999999" stroke-width="0.5" transform="matrix(1 0 0 1 0 0)"
    98. 

  98.           d="M 362.5 282.5 C 362.5 282.5 362.5 282.5 362.5 282.5 L 362.5 277.5 C 362.5 277.5 362.5 277.5 362.5 277.5 L 357.5 277.5 C 357.5 277.5 357.5 277.5 357.5 277.5 C 357.5 277.5 357.5 282.5 357.5 282.5 C 357.5 282.5 357.5 282.5 357.5 282.5 C 357.5 282.5 362.5 282.5 362.5 282.5 Z" />
    99. 

  99.     <path style="display: none; cursor: pointer; fill-opacity: 100;" fill="#eeeeee" fill-opacity="100" stroke="#999999" stroke-width="0.5" transform="matrix(1 0 0 1 0 0)"
    100. 

  100.           d="M 192.5 282.5 C 192.5 282.5 192.5 282.5 192.5 282.5 L 192.5 277.5 C 192.5 277.5 192.5 277.5 192.5 277.5 L 187.5 277.5 C 187.5 277.5 187.5 277.5 187.5 277.5 C 187.5 277.5 187.5 282.5 187.5 282.5 C 187.5 282.5 187.5 282.5 187.5 282.5 C 187.5 282.5 192.5 282.5 192.5 282.5 Z" />
    101. 

  101. </svg>
    102. 

  102. 

  103. </body>
    104. 

  104. </html>
    105.