index.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606
  1. <html>
  2. <head>
  3. <style>
  4. .icon_container{
  5. border: 1px solid black;
  6. margin: 10px;
  7. padding: 10px;
  8. }
  9. </style>
  10. </head>
  11. <body>
  12. <div id="icons_container">
  13. <span class="icon_container" style="position: relative; float: left">
  14. <center>
  15. <img src="add.svg" style="height: 32px;"/>
  16. <div style="font-weight: bold">add.svg</div>
  17. </center>
  18. </span>
  19. <span class="icon_container" style="position: relative; float: left">
  20. <center>
  21. <img src="annotation.svg" style="height: 32px;"/>
  22. <div style="font-weight: bold">annotation.svg</div>
  23. </center>
  24. </span>
  25. <span class="icon_container" style="position: relative; float: left">
  26. <center>
  27. <img src="area.svg" style="height: 32px;"/>
  28. <div style="font-weight: bold">area.svg</div>
  29. </center>
  30. </span>
  31. <span class="icon_container" style="position: relative; float: left">
  32. <center>
  33. <img src="area_backup.svg" style="height: 32px;"/>
  34. <div style="font-weight: bold">area_backup.svg</div>
  35. </center>
  36. </span>
  37. <span class="icon_container" style="position: relative; float: left">
  38. <center>
  39. <img src="arrow_ccw.svg" style="height: 32px;"/>
  40. <div style="font-weight: bold">arrow_ccw.svg</div>
  41. </center>
  42. </span>
  43. <span class="icon_container" style="position: relative; float: left">
  44. <center>
  45. <img src="arrow_cw.svg" style="height: 32px;"/>
  46. <div style="font-weight: bold">arrow_cw.svg</div>
  47. </center>
  48. </span>
  49. <span class="icon_container" style="position: relative; float: left">
  50. <center>
  51. <img src="arrow_down.svg" style="height: 32px;"/>
  52. <div style="font-weight: bold">arrow_down.svg</div>
  53. </center>
  54. </span>
  55. <span class="icon_container" style="position: relative; float: left">
  56. <center>
  57. <img src="arrow_left.svg" style="height: 32px;"/>
  58. <div style="font-weight: bold">arrow_left.svg</div>
  59. </center>
  60. </span>
  61. <span class="icon_container" style="position: relative; float: left">
  62. <center>
  63. <img src="arrow_right.svg" style="height: 32px;"/>
  64. <div style="font-weight: bold">arrow_right.svg</div>
  65. </center>
  66. </span>
  67. <span class="icon_container" style="position: relative; float: left">
  68. <center>
  69. <img src="arrow_up.svg" style="height: 32px;"/>
  70. <div style="font-weight: bold">arrow_up.svg</div>
  71. </center>
  72. </span>
  73. <span class="icon_container" style="position: relative; float: left">
  74. <center>
  75. <img src="assign.svg" style="height: 32px;"/>
  76. <div style="font-weight: bold">assign.svg</div>
  77. </center>
  78. </span>
  79. <span class="icon_container" style="position: relative; float: left">
  80. <center>
  81. <img src="azimuth.svg" style="height: 32px;"/>
  82. <div style="font-weight: bold">azimuth.svg</div>
  83. </center>
  84. </span>
  85. <span class="icon_container" style="position: relative; float: left">
  86. <center>
  87. <img src="back.svg" style="height: 32px;"/>
  88. <div style="font-weight: bold">back.svg</div>
  89. </center>
  90. </span>
  91. <span class="icon_container" style="position: relative; float: left">
  92. <center>
  93. <img src="bottom.svg" style="height: 32px;"/>
  94. <div style="font-weight: bold">bottom.svg</div>
  95. </center>
  96. </span>
  97. <span class="icon_container" style="position: relative; float: left">
  98. <center>
  99. <img src="camera_animation.svg" style="height: 32px;"/>
  100. <div style="font-weight: bold">camera_animation.svg</div>
  101. </center>
  102. </span>
  103. <span class="icon_container" style="position: relative; float: left">
  104. <center>
  105. <img src="circle.svg" style="height: 32px;"/>
  106. <div style="font-weight: bold">circle.svg</div>
  107. </center>
  108. </span>
  109. <span class="icon_container" style="position: relative; float: left">
  110. <center>
  111. <img src="circled_dot.svg" style="height: 32px;"/>
  112. <div style="font-weight: bold">circled_dot.svg</div>
  113. </center>
  114. </span>
  115. <span class="icon_container" style="position: relative; float: left">
  116. <center>
  117. <img src="clip-plane-x.svg" style="height: 32px;"/>
  118. <div style="font-weight: bold">clip-plane-x.svg</div>
  119. </center>
  120. </span>
  121. <span class="icon_container" style="position: relative; float: left">
  122. <center>
  123. <img src="clip-plane-y.svg" style="height: 32px;"/>
  124. <div style="font-weight: bold">clip-plane-y.svg</div>
  125. </center>
  126. </span>
  127. <span class="icon_container" style="position: relative; float: left">
  128. <center>
  129. <img src="clip-plane-z.svg" style="height: 32px;"/>
  130. <div style="font-weight: bold">clip-plane-z.svg</div>
  131. </center>
  132. </span>
  133. <span class="icon_container" style="position: relative; float: left">
  134. <center>
  135. <img src="clip-polygon.svg" style="height: 32px;"/>
  136. <div style="font-weight: bold">clip-polygon.svg</div>
  137. </center>
  138. </span>
  139. <span class="icon_container" style="position: relative; float: left">
  140. <center>
  141. <img src="clip-screen.svg" style="height: 32px;"/>
  142. <div style="font-weight: bold">clip-screen.svg</div>
  143. </center>
  144. </span>
  145. <span class="icon_container" style="position: relative; float: left">
  146. <center>
  147. <img src="clip_volume.svg" style="height: 32px;"/>
  148. <div style="font-weight: bold">clip_volume.svg</div>
  149. </center>
  150. </span>
  151. <span class="icon_container" style="position: relative; float: left">
  152. <center>
  153. <img src="close.svg" style="height: 32px;"/>
  154. <div style="font-weight: bold">close.svg</div>
  155. </center>
  156. </span>
  157. <span class="icon_container" style="position: relative; float: left">
  158. <center>
  159. <img src="cloud.svg" style="height: 32px;"/>
  160. <div style="font-weight: bold">cloud.svg</div>
  161. </center>
  162. </span>
  163. <span class="icon_container" style="position: relative; float: left">
  164. <center>
  165. <img src="copy.svg" style="height: 32px;"/>
  166. <div style="font-weight: bold">copy.svg</div>
  167. </center>
  168. </span>
  169. <span class="icon_container" style="position: relative; float: left">
  170. <center>
  171. <img src="distance.svg" style="height: 32px;"/>
  172. <div style="font-weight: bold">distance.svg</div>
  173. </center>
  174. </span>
  175. <span class="icon_container" style="position: relative; float: left">
  176. <center>
  177. <img src="earth_controls.svg" style="height: 32px;"/>
  178. <div style="font-weight: bold">earth_controls.svg</div>
  179. </center>
  180. </span>
  181. <span class="icon_container" style="position: relative; float: left">
  182. <center>
  183. <img src="eye.svg" style="height: 32px;"/>
  184. <div style="font-weight: bold">eye.svg</div>
  185. </center>
  186. </span>
  187. <span class="icon_container" style="position: relative; float: left">
  188. <center>
  189. <img src="eye_2.svg" style="height: 32px;"/>
  190. <div style="font-weight: bold">eye_2.svg</div>
  191. </center>
  192. </span>
  193. <span class="icon_container" style="position: relative; float: left">
  194. <center>
  195. <img src="eye_crossed.svg" style="height: 32px;"/>
  196. <div style="font-weight: bold">eye_crossed.svg</div>
  197. </center>
  198. </span>
  199. <span class="icon_container" style="position: relative; float: left">
  200. <center>
  201. <img src="file_csv_2d.svg" style="height: 32px;"/>
  202. <div style="font-weight: bold">file_csv_2d.svg</div>
  203. </center>
  204. </span>
  205. <span class="icon_container" style="position: relative; float: left">
  206. <center>
  207. <img src="file_dxf.svg" style="height: 32px;"/>
  208. <div style="font-weight: bold">file_dxf.svg</div>
  209. </center>
  210. </span>
  211. <span class="icon_container" style="position: relative; float: left">
  212. <center>
  213. <img src="file_geojson.svg" style="height: 32px;"/>
  214. <div style="font-weight: bold">file_geojson.svg</div>
  215. </center>
  216. </span>
  217. <span class="icon_container" style="position: relative; float: left">
  218. <center>
  219. <img src="file_las_3d.svg" style="height: 32px;"/>
  220. <div style="font-weight: bold">file_las_3d.svg</div>
  221. </center>
  222. </span>
  223. <span class="icon_container" style="position: relative; float: left">
  224. <center>
  225. <img src="file_potree.svg" style="height: 32px;"/>
  226. <div style="font-weight: bold">file_potree.svg</div>
  227. </center>
  228. </span>
  229. <span class="icon_container" style="position: relative; float: left">
  230. <center>
  231. <img src="flip_y_z.svg" style="height: 32px;"/>
  232. <div style="font-weight: bold">flip_y_z.svg</div>
  233. </center>
  234. </span>
  235. <span class="icon_container" style="position: relative; float: left">
  236. <center>
  237. <img src="focus.svg" style="height: 32px;"/>
  238. <div style="font-weight: bold">focus.svg</div>
  239. </center>
  240. </span>
  241. <span class="icon_container" style="position: relative; float: left">
  242. <center>
  243. <img src="fps_controls.svg" style="height: 32px;"/>
  244. <div style="font-weight: bold">fps_controls.svg</div>
  245. </center>
  246. </span>
  247. <span class="icon_container" style="position: relative; float: left">
  248. <center>
  249. <img src="front.svg" style="height: 32px;"/>
  250. <div style="font-weight: bold">front.svg</div>
  251. </center>
  252. </span>
  253. <span class="icon_container" style="position: relative; float: left">
  254. <center>
  255. <img src="goto.svg" style="height: 32px;"/>
  256. <div style="font-weight: bold">goto.svg</div>
  257. </center>
  258. </span>
  259. <span class="icon_container" style="position: relative; float: left">
  260. <center>
  261. <img src="height.svg" style="height: 32px;"/>
  262. <div style="font-weight: bold">height.svg</div>
  263. </center>
  264. </span>
  265. <span class="icon_container" style="position: relative; float: left">
  266. <center>
  267. <img src="helicopter_controls.svg" style="height: 32px;"/>
  268. <div style="font-weight: bold">helicopter_controls.svg</div>
  269. </center>
  270. </span>
  271. <span class="icon_container" style="position: relative; float: left">
  272. <center>
  273. <img src="left.svg" style="height: 32px;"/>
  274. <div style="font-weight: bold">left.svg</div>
  275. </center>
  276. </span>
  277. <span class="icon_container" style="position: relative; float: left">
  278. <center>
  279. <img src="menu_button.svg" style="height: 32px;"/>
  280. <div style="font-weight: bold">menu_button.svg</div>
  281. </center>
  282. </span>
  283. <span class="icon_container" style="position: relative; float: left">
  284. <center>
  285. <img src="menu_icon.svg" style="height: 32px;"/>
  286. <div style="font-weight: bold">menu_icon.svg</div>
  287. </center>
  288. </span>
  289. <span class="icon_container" style="position: relative; float: left">
  290. <center>
  291. <img src="navigation_cube.svg" style="height: 32px;"/>
  292. <div style="font-weight: bold">navigation_cube.svg</div>
  293. </center>
  294. </span>
  295. <span class="icon_container" style="position: relative; float: left">
  296. <center>
  297. <img src="orbit_controls.svg" style="height: 32px;"/>
  298. <div style="font-weight: bold">orbit_controls.svg</div>
  299. </center>
  300. </span>
  301. <span class="icon_container" style="position: relative; float: left">
  302. <center>
  303. <img src="orthographic-camera.svg" style="height: 32px;"/>
  304. <div style="font-weight: bold">orthographic-camera.svg</div>
  305. </center>
  306. </span>
  307. <span class="icon_container" style="position: relative; float: left">
  308. <center>
  309. <img src="perspective-camera.svg" style="height: 32px;"/>
  310. <div style="font-weight: bold">perspective-camera.svg</div>
  311. </center>
  312. </span>
  313. <span class="icon_container" style="position: relative; float: left">
  314. <center>
  315. <img src="picture.svg" style="height: 32px;"/>
  316. <div style="font-weight: bold">picture.svg</div>
  317. </center>
  318. </span>
  319. <span class="icon_container" style="position: relative; float: left">
  320. <center>
  321. <img src="point.svg" style="height: 32px;"/>
  322. <div style="font-weight: bold">point.svg</div>
  323. </center>
  324. </span>
  325. <span class="icon_container" style="position: relative; float: left">
  326. <center>
  327. <img src="profile.svg" style="height: 32px;"/>
  328. <div style="font-weight: bold">profile.svg</div>
  329. </center>
  330. </span>
  331. <span class="icon_container" style="position: relative; float: left">
  332. <center>
  333. <img src="remove.svg" style="height: 32px;"/>
  334. <div style="font-weight: bold">remove.svg</div>
  335. </center>
  336. </span>
  337. <span class="icon_container" style="position: relative; float: left">
  338. <center>
  339. <img src="reset_tools.svg" style="height: 32px;"/>
  340. <div style="font-weight: bold">reset_tools.svg</div>
  341. </center>
  342. </span>
  343. <span class="icon_container" style="position: relative; float: left">
  344. <center>
  345. <img src="return_number.svg" style="height: 32px;"/>
  346. <div style="font-weight: bold">return_number.svg</div>
  347. </center>
  348. </span>
  349. <span class="icon_container" style="position: relative; float: left">
  350. <center>
  351. <img src="rgb.svg" style="height: 32px;"/>
  352. <div style="font-weight: bold">rgb.svg</div>
  353. </center>
  354. </span>
  355. <span class="icon_container" style="position: relative; float: left">
  356. <center>
  357. <img src="right.svg" style="height: 32px;"/>
  358. <div style="font-weight: bold">right.svg</div>
  359. </center>
  360. </span>
  361. <span class="icon_container" style="position: relative; float: left">
  362. <center>
  363. <img src="rotate.svg" style="height: 32px;"/>
  364. <div style="font-weight: bold">rotate.svg</div>
  365. </center>
  366. </span>
  367. <span class="icon_container" style="position: relative; float: left">
  368. <center>
  369. <img src="scale.svg" style="height: 32px;"/>
  370. <div style="font-weight: bold">scale.svg</div>
  371. </center>
  372. </span>
  373. <span class="icon_container" style="position: relative; float: left">
  374. <center>
  375. <img src="sphere.svg" style="height: 32px;"/>
  376. <div style="font-weight: bold">sphere.svg</div>
  377. </center>
  378. </span>
  379. <span class="icon_container" style="position: relative; float: left">
  380. <center>
  381. <img src="sphere_distances.svg" style="height: 32px;"/>
  382. <div style="font-weight: bold">sphere_distances.svg</div>
  383. </center>
  384. </span>
  385. <span class="icon_container" style="position: relative; float: left">
  386. <center>
  387. <img src="target.svg" style="height: 32px;"/>
  388. <div style="font-weight: bold">target.svg</div>
  389. </center>
  390. </span>
  391. <span class="icon_container" style="position: relative; float: left">
  392. <center>
  393. <img src="top.svg" style="height: 32px;"/>
  394. <div style="font-weight: bold">top.svg</div>
  395. </center>
  396. </span>
  397. <span class="icon_container" style="position: relative; float: left">
  398. <center>
  399. <img src="translate.svg" style="height: 32px;"/>
  400. <div style="font-weight: bold">translate.svg</div>
  401. </center>
  402. </span>
  403. <span class="icon_container" style="position: relative; float: left">
  404. <center>
  405. <img src="triangle.svg" style="height: 32px;"/>
  406. <div style="font-weight: bold">triangle.svg</div>
  407. </center>
  408. </span>
  409. <span class="icon_container" style="position: relative; float: left">
  410. <center>
  411. <img src="volume.svg" style="height: 32px;"/>
  412. <div style="font-weight: bold">volume.svg</div>
  413. </center>
  414. </span>
  415. <span class="icon_container" style="position: relative; float: left">
  416. <center>
  417. <img src="vr_button.svg" style="height: 32px;"/>
  418. <div style="font-weight: bold">vr_button.svg</div>
  419. </center>
  420. </span>
  421. <span class="icon_container" style="position: relative; float: left">
  422. <center>
  423. <img src="angle.png" style="height: 32px;"/>
  424. <div style="font-weight: bold">angle.png</div>
  425. </center>
  426. </span>
  427. <span class="icon_container" style="position: relative; float: left">
  428. <center>
  429. <img src="earth_controls.png" style="height: 32px;"/>
  430. <div style="font-weight: bold">earth_controls.png</div>
  431. </center>
  432. </span>
  433. <span class="icon_container" style="position: relative; float: left">
  434. <center>
  435. <img src="earth_controls_1.png" style="height: 32px;"/>
  436. <div style="font-weight: bold">earth_controls_1.png</div>
  437. </center>
  438. </span>
  439. <span class="icon_container" style="position: relative; float: left">
  440. <center>
  441. <img src="eye_2.png" style="height: 32px;"/>
  442. <div style="font-weight: bold">eye_2.png</div>
  443. </center>
  444. </span>
  445. <span class="icon_container" style="position: relative; float: left">
  446. <center>
  447. <img src="flip_y_z.png" style="height: 32px;"/>
  448. <div style="font-weight: bold">flip_y_z.png</div>
  449. </center>
  450. </span>
  451. <span class="icon_container" style="position: relative; float: left">
  452. <center>
  453. <img src="fps_controls.png" style="height: 32px;"/>
  454. <div style="font-weight: bold">fps_controls.png</div>
  455. </center>
  456. </span>
  457. <span class="icon_container" style="position: relative; float: left">
  458. <center>
  459. <img src="gradients_grayscale.png" style="height: 32px;"/>
  460. <div style="font-weight: bold">gradients_grayscale.png</div>
  461. </center>
  462. </span>
  463. <span class="icon_container" style="position: relative; float: left">
  464. <center>
  465. <img src="gradients_plasma.png" style="height: 32px;"/>
  466. <div style="font-weight: bold">gradients_plasma.png</div>
  467. </center>
  468. </span>
  469. <span class="icon_container" style="position: relative; float: left">
  470. <center>
  471. <img src="gradients_rainbow.png" style="height: 32px;"/>
  472. <div style="font-weight: bold">gradients_rainbow.png</div>
  473. </center>
  474. </span>
  475. <span class="icon_container" style="position: relative; float: left">
  476. <center>
  477. <img src="gradients_spectral.png" style="height: 32px;"/>
  478. <div style="font-weight: bold">gradients_spectral.png</div>
  479. </center>
  480. </span>
  481. <span class="icon_container" style="position: relative; float: left">
  482. <center>
  483. <img src="gradients_yellow_green.png" style="height: 32px;"/>
  484. <div style="font-weight: bold">gradients_yellow_green.png</div>
  485. </center>
  486. </span>
  487. <span class="icon_container" style="position: relative; float: left">
  488. <center>
  489. <img src="map_icon.png" style="height: 32px;"/>
  490. <div style="font-weight: bold">map_icon.png</div>
  491. </center>
  492. </span>
  493. <span class="icon_container" style="position: relative; float: left">
  494. <center>
  495. <img src="profile.png" style="height: 32px;"/>
  496. <div style="font-weight: bold">profile.png</div>
  497. </center>
  498. </span>
  499. <span class="icon_container" style="position: relative; float: left">
  500. <center>
  501. <img src="rgb.png" style="height: 32px;"/>
  502. <div style="font-weight: bold">rgb.png</div>
  503. </center>
  504. </span>
  505. <span class="icon_container" style="position: relative; float: left">
  506. <center>
  507. <img src="rgb_elevation.png" style="height: 32px;"/>
  508. <div style="font-weight: bold">rgb_elevation.png</div>
  509. </center>
  510. </span>
  511. <span class="icon_container" style="position: relative; float: left">
  512. <center>
  513. <img src="sphere.png" style="height: 32px;"/>
  514. <div style="font-weight: bold">sphere.png</div>
  515. </center>
  516. </span>
  517. </div>
  518. </body>
  519. </html>