index.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- 必须强制指定页面编码为 UTF-8 -->
  5. <meta charset="utf-8">
  6. <!-- Demo 的简要说明,必须要填写 -->
  7. <meta name="description" content="使用 Kity 模仿的 Photoshop 钢笔工具">
  8. <!-- Demo 的作者,建议填写 -->
  9. <meta name="author" content="kity@baidu.com">
  10. <!-- Demo 的标题,必须填写 -->
  11. <title>钢笔工具</title>
  12. <!-- Demo 开发过程中使用 CMD 引入 Kity 源码,方便调试 -->
  13. <!-- dev start -->
  14. <!-- 目录型的 Demo 注意修正源码引用路径 -->
  15. <script src="../../dev-lib/sea.js"></script>
  16. <script>
  17. // 设置好 kity 源代码目录
  18. seajs.config( { base: '../../src'} );
  19. // 定义 Demo 模块
  20. define('demo', function(require) { require('../demo/ps-pen/demo.start'); });
  21. </script>
  22. <link rel="stylesheet" type="text/css" href="demo.css">
  23. <script src="../../dev-lib/jquery-1.10.2.js"></script>
  24. </head>
  25. <body>
  26. <div class="box">
  27. <div class="sidebar">
  28. <button id="penBtn" type="button">笔</button>
  29. <button id="modifyBtn" type="button">选</button>
  30. </div>
  31. <div class="canvas-area">
  32. <div id="kityContainer" class="kity-container"></div>
  33. </div>
  34. </div>
  35. </body>
  36. <script>
  37. // 启动 Demo 模块
  38. seajs.use('demo');
  39. </script>
  40. </html>