forked from AlloyTeam/AlloyImage
-
Notifications
You must be signed in to change notification settings - Fork 0
/
alloyphotopro.html
77 lines (76 loc) · 3.51 KB
/
alloyphotopro.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="Tencent.AlloyTeam.Dorsywang" />
<meta name="copyright" content="Tencent.AlloyTeam" />
<meta name="keywords" content="alloyPhoto 专业版,alloyImage,web ps,html5 canvas,alloyTeam" />
<meta name="description" content="alloyPhoto专业版，一款基于alloyImage库的图像处理应用,alloyImage是基于html5的图像处理js代码库。" />
<title>AlloyPhoto 专业版--Tencent AlloyTeam</title>
<link media="all" rel="stylesheet" href="style/main1.css" type="text/css" />
<link media="all" rel="stylesheet" href="style/flash.css" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/combined/alloyimage.js"></script>
</head>
<body>
<div class="wrapper">
<div class="title">AlloyPhoto 1.0 Beta</div>
<div class="panel">
<div class="pItem" id="new"><img src='style/image/open.png' /><br />新建</div>
<div class="pItem" id="open"><img src='style/image/open.png' /><br />打开图片</div>
<div class="pItem" id="modify"><img src='style/image/modify.png' /><br />调整</div>
<div class="pItem" id="lj"><img src='style/image/lvjing.png' /><br />滤镜</div>
<div class="pItem" id="saveFile"><img src='style/image/save.png' /><br />保存图片</div>
<div class="modifyItem subItem" id="modi_b">亮度/对比度调节</div>
<div class="modifyItem subItem" id="modi_HSI">饱和度调节</div>
<div class="modifyItem subItem" id="curve">曲线</div>
<div class="ljItem subItem">反色</div>
<div class="ljItem subItem">灰度处理</div>
<div class="ljItem subItem">灰度阈值</div>
<div class="ljItem subItem">高斯模糊</div>
<div class="ljItem subItem">锐化</div>
<div class="ljItem subItem">浮雕效果</div>
<div class="ljItem subItem">查找边缘</div>
<div class="ljItem subItem">马赛克</div>
<div class="ljItem subItem">腐蚀</div>
<!--<div class="ljItem subItem">油画</div>-->
<div class="ljItem subItem">添加杂色</div>
<div class="ljItem subItem">喷点</div>
<img src="style/image/back.png" alt="" class="back" />
</div>
<div class="left">
<div class="openFile">
打开一张图片
</div>
<div class="painting">
</div>
</div>
<div class="right">
直方图
<div class="rect">
<canvas id="imgRect" width="214" height="91"></canvas>
</div>
图层
<div class="edit">
<img src="style/image/copy.png" id="copy" width="30" alt="复制图层" title="复制图层" class="eItem" />
<img src="style/image/up.png" id="up" width="30" alt="上移图层" title="上移图层" class="eItem" />
<img src="style/image/down.png" width="30" id="down" alt="下移图层" title="下移图层" class="eItem" />
<img src="style/image/delete.png" width="30" id="delete" alt="删除图层" title="删除图层" class="eItem" />
</div>
<div class="layer">
</div>
</div>
</div>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23019343-11']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>