d90208269804d6538ab669e5dd6aec67aba7cd16f2b9a3c628a037f3997c7fc4cfa25a390cc8cda5679cb40227924c03e7cb430ea5a70063c63529235618f0 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <title>UndoManager demo</title>
  6. <link href="css/demo.css" rel="stylesheet" />
  7. </head>
  8. <body>
  9. <div class="container">
  10. <div class="row">
  11. <div class="form-inline">
  12. <button
  13. type="button"
  14. class="btn btn-primary"
  15. id="btnUndo"
  16. disabled="disabled"
  17. >
  18. Undo
  19. </button>
  20. <button
  21. type="button"
  22. class="btn btn-primary"
  23. id="btnRedo"
  24. disabled="disabled"
  25. >
  26. Redo
  27. </button>
  28. <input
  29. type="number"
  30. min="0"
  31. max="10"
  32. class="form-control"
  33. id="ctrlLimit"
  34. placeholder="Limit: 0"
  35. />
  36. <div class="spacer"></div>
  37. <button
  38. type="button"
  39. class="btn btn-default"
  40. id="btnGroup"
  41. >
  42. Group
  43. </button>
  44. <button
  45. type="button"
  46. class="btn btn-default"
  47. id="btnClearMemory"
  48. >
  49. Clear memory
  50. </button>
  51. <button
  52. type="button"
  53. class="btn btn-default"
  54. id="btnClearScreen"
  55. >
  56. Clear all
  57. </button>
  58. </div>
  59. <div>
  60. <canvas id="view" width="600" height="400"></canvas>
  61. </div>
  62. <p class="comment mute">Click on the area to create circles</p>
  63. </div>
  64. </div>
  65. <script type="text/javascript" src="js/undomanager.js"></script>
  66. <script type="text/javascript" src="js/demo.js"></script>
  67. <script type="text/javascript" src="js/circledrawer.js"></script>
  68. </body>
  69. </html>