<!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>
|