123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- <!DOCTYPE html>
- <html>
- <head>
- <!-- 必须强制指定页面编码为 UTF-8 -->
- <meta charset="utf-8">
- <!-- Demo 的简要说明,必须要填写 -->
- <meta name="description" content="使用 Kity 模仿的 Photoshop 钢笔工具">
-
- <!-- Demo 的作者,建议填写 -->
- <meta name="author" content="kity@baidu.com">
-
- <!-- Demo 的标题,必须填写 -->
- <title>钢笔工具</title>
-
- <!-- Demo 开发过程中使用 CMD 引入 Kity 源码,方便调试 -->
- <!-- dev start -->
- <!-- 目录型的 Demo 注意修正源码引用路径 -->
- <script src="../../dev-lib/sea.js"></script>
- <script>
- // 设置好 kity 源代码目录
- seajs.config( { base: '../../src'} );
- // 定义 Demo 模块
- define('demo', function(require) { require('../demo/ps-pen/demo.start'); });
- </script>
- <link rel="stylesheet" type="text/css" href="demo.css">
- <script src="../../dev-lib/jquery-1.10.2.js"></script>
- </head>
- <body>
- <div class="box">
- <div class="sidebar">
- <button id="penBtn" type="button">笔</button>
- <button id="modifyBtn" type="button">选</button>
- </div>
- <div class="canvas-area">
- <div id="kityContainer" class="kity-container"></div>
- </div>
- </div>
- </body>
- <script>
- // 启动 Demo 模块
- seajs.use('demo');
- </script>
- </html>
|