├── LICENSE
├── README.md
├── imageCode.js
├── index.html
└── jquery.png


/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2022 Haole Zheng
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | 程序的原理是借助canvas的imageData将源代码隐藏在其中，一般人难以在源码里发现它的源码，也可将其当成代码加密的方式！
2 | 
3 | 在线脚本加密: [https://passer-by.com/imageCode/](https://passer-by.com/imageCode/)
4 | 


--------------------------------------------------------------------------------
/imageCode.js:
--------------------------------------------------------------------------------
  1 | (function(g){
  2 | 	var a = {};
  3 | 	var o = {};
  4 | 	var _ = function(a){
  5 | 		return a[__(0x8)](0x24);
  6 | 	};
  7 | 	var __ = function(a){
  8 | 		o.a = ['CE6g;<6E26', '<78c?KEGhK8K', 'EG8c?KEGhK8K', 'E7H2`<HBD', '5:eH5HTW]', 'H<GF[<B=7j7', 'G;>@j>IH]>D?9', 'J;HL9HhAH@H?9', '49U46?:A'][a];
  9 | 		return o.a;
 10 | 	};
 11 | 	var $ = function(a){
 12 | 		return [Math,String,document][a];
 13 | 	};
 14 | 	var cc = function(cp){
 15 | 		return [~~(cp/256),cp%256];
 16 | 	};
 17 | 	var cp = function(c1,c2){
 18 | 		return (c1||c2)?c1*256+c2:0;
 19 | 	};
 20 | 	var dl = function(s,cb){
 21 | 		var a = new g[m('\\8D>@')]();
 22 | 		a[m('01@')] = s;
 23 | 		a[m('OLLk:KB<dG=<KBK>')](m('85C@'),function(){
 24 | 			console.log(a);
 25 | 			cb(a);
 26 | 		});
 27 | 	};
 28 | 	var m = function(a){
 29 | 		o.a = a||o.s;
 30 | 		return o.a;
 31 | 	};
 32 | 	o = {
 33 | 		s:(function(){var a = [];for(var i=33;i<127;i++){a.push(String.fromCharCode(i));}return a.join('');})(),
 34 | 		c:'',
 35 | 		get a(){
 36 | 		    var _ = this;
 37 | 		    return _.c.split('').map(function(v,i){return _.s[(2*_.s.length-_.s.indexOf(v)+_.c.length)%_.s.length]}).join('');
 38 | 		},
 39 | 	  	set a(v){
 40 | 	    	this.c = v;
 41 | 	  	}
 42 | 	};
 43 | 	a[_(0x34cb7562)] = function(c,h){
 44 | 		h = h[m('>9CB/XA')](m('<004'))==0?new g[m('NQW')](h)[_(0xc97cd)]:h;
 45 | 		if(h){
 46 | 			c=m('OR2LIUWDOIJ,PIED,KWDUP28')+h+'$")){'+c+m(':RKDR<KHTVCNHI+OERQz7**')+h+'";}';
 47 | 		}
 48 | 		var cp = c[_(0x2dfd535)]('')[_(0x70e1)](function(a){
 49 | 			return a[__(0x5)](0);
 50 | 		});
 51 | 		var cl = [];
 52 | 		if(cp[_(0x4d26f6e5)]%2){
 53 | 			cp[_(0x126821)](0x20);
 54 | 		}
 55 | 		for(var i=0;i<cp[_(0x4d26f6e5)];i+=2){
 56 | 			var c1 = cc(cp[i]);
 57 | 			var c2 = cc(cp[i+1]);
 58 | 			cl = cl[_(0x2db76605)]([c2[1],c1[0],c1[1],c2[0]]);
 59 | 		}
 60 | 		var sz = $(0)[_(0x8d47d)]($(0)[_(0x147689)]($(0)[_(0x8d47d)](cl[_(0x4d26f6e5)]*4/3)/4));
 61 | 		var ca = $(2)[__(0x7)](_(0x2c50f834));
 62 | 		ca[_(0x3413675)] = sz;
 63 | 		ca[_(0x3eb8d601)] = sz;
 64 | 		var ct = ca[__(0x0)](_(0x55));
 65 | 		var idt = ct[__(0x2)](0, 0, ca[_(0x3413675)], ca[_(0x3eb8d601)]);
 66 | 		var id = idt[_(0x977fe)];
 67 | 		for(var i=0;i<id[_(0x4d26f6e5)];i+=4){
 68 | 			var idx = 3*~~(i/4);
 69 | 			id[i] = cl[idx]||0;
 70 | 			id[i+1] = cl[idx+1]||0;
 71 | 			id[i+2] = cl[idx+2]||0;
 72 | 			id[i+3] = 0xff;
 73 | 		}
 74 | 		id = id[_(0x70e1)](function(v,i){return (v+(i%4==3?i+sz:0))%256;});
 75 | 		ct[__(0x1)](idt,0, 0);
 76 | 		return ca[__(0x4)](_(0x1dd306e)+m('r')+_(0x81dc));
 77 | 	};
 78 | 	a[_(0x790d1f902)] = function(s,h){
 79 | 		dl(s,function(a){
 80 | 			var ca = $(2)[__(0x7)](_(0x2c50f834));
 81 | 			var sz = a[_(0x3413675)];
 82 | 			ca[_(0x3413675)] = a[_(0x3413675)];
 83 | 			ca[_(0x3eb8d601)] = a[_(0x3eb8d601)];
 84 | 			var ct = ca[__(0x0)](_(0x55));
 85 | 			ct[__(0x3)](a, 0, 0, ca[_(0x3413675)], ca[_(0x3eb8d601)]);
 86 | 			var idt = ct[__(0x2)](0, 0, ca[_(0x3413675)], ca[_(0x3eb8d601)]);
 87 | 			var id = idt[_(0x977fe)];
 88 | 			var cl = [];
 89 | 			var o = {c:[]};
 90 | 			o[__(0x8)] = function(){
 91 | 				g[_(0xa95ed)](o.c[_(0xe02df)](''));
 92 | 				return cl[_(0xe02df)]('');
 93 | 			};
 94 | 			id = id[_(0x70e1)](function(v,i){return (v-(i%4==3?i+sz:0))%256;});
 95 | 			for(var i=0;i<id[_(0x4d26f6e5)];i+=4){
 96 | 				var idx = 3*~~(i/4);
 97 | 				cl[idx] = id[i];
 98 | 				cl[idx+1] = id[i+1];
 99 | 				cl[idx+2] = id[i+2];
100 | 			}
101 | 			for(var i=0;i<cl[_(0x4d26f6e5)];i+=4){
102 | 				var c1 = cp(cl[i+1],cl[i+2]);
103 | 				var c2 = cp(cl[i+3],cl[i]);
104 | 				c1&&o.c[_(0x126821)]($(1)[__(0x6)](c1));
105 | 				c2&&o.c[_(0x126821)]($(1)[__(0x6)](c2));
106 | 			}
107 | 			return o==''||h;
108 | 		});
109 | 	};
110 | 	g.imageCode = a;
111 | })(window);
112 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 | 	<meta charset="UTF-8">
  5 | 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 | 	<title>imageCode脚本加密</title>
  7 | 	<style type="text/css">
  8 | 		body{
  9 | 			font-size: 14px;
 10 | 			font-family: Arial,Helvetica,"Microsoft Yahei";
 11 | 			color: #333;
 12 | 		}
 13 | 		input,textarea,code{
 14 | 			font-family: Arial,Helvetica,"Microsoft Yahei";
 15 | 		}
 16 | 		h1,h3{
 17 | 			margin:  0;
 18 | 		}
 19 | 		a{
 20 | 			text-decoration: none;
 21 | 			color: #333;
 22 | 		}
 23 | 		.inner{
 24 | 			max-width: 800px;
 25 | 			margin: 0 auto;
 26 | 		}
 27 | 
 28 | 		.mod-head .bd{
 29 | 		    height: 36px;
 30 | 		    padding: 10px 0;
 31 | 		    text-align: right;
 32 | 		}
 33 | 		.mod-head .btn{
 34 | 		    position: relative;
 35 | 		    display: inline-block;
 36 | 		    min-width: 56px;
 37 | 		    height: 34px;
 38 | 		    padding: 0 12px;
 39 | 		    background: rgba(255,255,255,0.3);
 40 | 		    border: 1px solid rgba(0,0,0,0.05);
 41 | 		    border-radius: 6px;
 42 | 		    line-height: 34px;
 43 | 		    text-decoration: none;
 44 | 		    text-align: center;
 45 | 		    font-size: 14px;
 46 | 		    color: #333;
 47 | 		    overflow: hidden;
 48 | 		    transition: color .2s,opacity .2s;
 49 | 		    font-family: Tahoma,Arial, Helvetica,"Microsoft YaHei";
 50 | 		    outline: none;
 51 | 		    -webkit-appearance: none;
 52 | 		}
 53 | 		.mod-head .btn:after {
 54 | 		    content: " ";
 55 | 		    position: absolute;
 56 | 		    width: 100%;
 57 | 		    height: 100%;
 58 | 		    background: #000;
 59 | 		    left: 0;
 60 | 		    top: 0;
 61 | 		    opacity: 0;
 62 | 		    transition: opacity .2s;
 63 | 		    border-radius: 6px;
 64 | 		    overflow: hidden;
 65 | 		    pointer-events: none;
 66 | 		}
 67 | 		.mod-head .btn span,.mod-head .btn svg{
 68 | 		    vertical-align: middle;
 69 | 		}
 70 | 		.mod-head .btn svg,.mod-head .btn svg+span{
 71 | 		    position: relative;
 72 | 		    top: -1px;
 73 | 		}
 74 | 		.mod-head .btn:hover {
 75 | 		    color: #000;
 76 | 		    opacity: 1;
 77 | 		}
 78 | 		.mod-head .btn:hover:after {
 79 | 		    opacity: .02;
 80 | 		}
 81 | 
 82 | 		.mod-panel{
 83 | 			margin-bottom: 50px;
 84 | 		}
 85 | 		.mod-panel .hd{
 86 | 			padding: 10px 0;
 87 | 			line-height: 36px;
 88 | 			text-align: center;
 89 | 		}
 90 | 		.mod-panel h1{
 91 | 			font-size: 24px;
 92 | 		}
 93 | 		.mod-panel p{
 94 | 			margin: 0 0 12px;
 95 | 		}
 96 | 		.mod-panel a.link{
 97 | 			margin: 0 8px;
 98 | 			color: #2095f2;
 99 | 		}
100 | 		.mod-panel input[type="text"]{
101 | 			width: 100%;
102 | 			padding: 5px 12px;
103 | 			border:  1px solid #dbdbdb;
104 | 			line-height: 24px;
105 | 			outline: none;
106 | 			box-sizing: border-box;
107 | 			border-radius: 5px;
108 | 		}
109 | 		.mod-panel textarea{
110 | 			display: block;
111 | 			width: 100%;
112 | 			height: 150px;
113 | 			padding: 5px 12px;
114 | 			border:  1px solid #dbdbdb;
115 | 			line-height: 24px;
116 | 			outline: none;
117 | 			box-sizing: border-box;
118 | 			border-radius: 5px;
119 | 		}
120 | 		.mod-panel button{
121 | 			display: inline-block;
122 | 			width: 120px;
123 | 			height: 36px;
124 | 			border: medium none;
125 | 			background: #2095f2;
126 | 			font-weight: bold;
127 | 			font-size:  14px;
128 | 			color: #fff;
129 | 			cursor: pointer;
130 | 			border-radius: 5px;
131 | 		}
132 | 		.mod-panel .code{
133 | 			padding-top:  25px;
134 | 		}
135 | 		.mod-panel .code h3{
136 | 			line-height: 30px;
137 | 			font-size: 16px;
138 | 			font-weight: bold;
139 | 		}
140 | 		.mod-panel .code h3 span.tip{
141 | 			font-weight: normal;
142 | 			font-size: 13px;
143 | 			color: #999;
144 | 		}
145 | 		.mod-panel .code code{
146 | 			display: block;
147 | 			margin-bottom: 10px;
148 | 			padding:  10px 15px;
149 | 			background: #f5f5f5;
150 | 			border-radius: 5px;
151 | 		}
152 | 	</style>
153 | </head>
154 | <body>
155 | 	<div class="container">
156 | 		<div class="inner">
157 | 			<div class="mod-head">
158 | 				<div class="bd">
159 | 					<a class="btn" href="https://github.com/mumuy/imageCode/" rel="nofollow" target="_blank" title="Github">
160 | 						<svg aria-hidden="true" class="octicon" height="20" title="GitHub " version="1.1" viewBox="0 0 16 16" width="24"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59 0.4 0.07 0.55-0.17 0.55-0.38 0-0.19-0.01-0.82-0.01-1.49-2.01 0.37-2.53-0.49-2.69-0.94-0.09-0.23-0.48-0.94-0.82-1.13-0.28-0.15-0.68-0.52-0.01-0.53 0.63-0.01 1.08 0.58 1.23 0.82 0.72 1.21 1.87 0.87 2.33 0.66 0.07-0.52 0.28-0.87 0.51-1.07-1.78-0.2-3.64-0.89-3.64-3.95 0-0.87 0.31-1.59 0.82-2.15-0.08-0.2-0.36-1.02 0.08-2.12 0 0 0.67-0.21 2.2 0.82 0.64-0.18 1.32-0.27 2-0.27 0.68 0 1.36 0.09 2 0.27 1.53-1.04 2.2-0.82 2.2-0.82 0.44 1.1 0.16 1.92 0.08 2.12 0.51 0.56 0.82 1.27 0.82 2.15 0 3.07-1.87 3.75-3.65 3.95 0.29 0.25 0.54 0.73 0.54 1.48 0 1.07-0.01 1.93-0.01 2.2 0 0.21 0.15 0.46 0.55 0.38C13.71 14.53 16 11.53 16 8 16 3.58 12.42 0 8 0z"></path></svg>
161 | 						<span>Github</span>
162 | 					</a>
163 | 					<a class="btn" href="/">个人网站</a>
164 | 				</div>
165 | 			</div>
166 | 			<div class="mod-panel">
167 | 				<div class="hd">
168 | 					<h1>imageCode脚本加密</h1>
169 | 					<a class="link" href="/hiddenCode/" target="_blank">hiddenCode脚本加密</a>
170 | 				</div>
171 | 				<div class="bd">
172 | 					<p><input type="text" name="host" placeholder="输入代码限制运行的域，如 passer-by.com"/></p>
173 | 					<p><textarea name="code" placeholder="输入Javascript代码">console.log("Hello World!");</textarea></p>
174 | 					<p style="text-align:right;"><button id="save">保存加密图片</button></p>
175 | 					<div class="code">
176 | 						<h3>引入脚本</h3>
177 | 						<p><code>&lt;script type="text/javascript" src="https://passer-by.com/imageCode/imageCode.js"&gt;&lt;/script&gt;</code></p>
178 | 						<h3>加密代码</h3>
179 | 						<p><code>imageCode.encode(code,host);</code></p>
180 | 						<h3>运行代码</h3>
181 | 						<p><code>imageCode.execute(imageSrc);</code></p>
182 | 						<h3>加密后效果（jQuery源代码）</h3>
183 | 						<p><img src="jquery.png"></p>
184 | 					</div>
185 | 				</div>
186 | 			</div>
187 | 		</div>
188 | 	</div>
189 | 	<script type="text/javascript" src="imageCode.js"></script>
190 | 	<script type="text/javascript">
191 | 		var $host = document.getElementsByName('host')[0];
192 | 		var $code = document.getElementsByName('code')[0];
193 | 		var dataURLtoBlob = function(dataURL) {
194 |             var arr = dataURL.split(','), mime = arr[0].match(/:(.*?);/)[1],
195 |                 bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
196 |             while(n--){
197 |                 u8arr[n] = bstr.charCodeAt(n);
198 |             }
199 |             return new Blob([u8arr], {type:mime});
200 |         };
201 | 		document.getElementById('save').onclick = function(){
202 | 			var url = imageCode.encode($code.value,$host.value);
203 | 			if(url.length>1.5e6&&URL){
204 |                 url = URL.createObjectURL(dataURLtoBlob(url));
205 |             }
206 | 	        var a = document.createElement('a');
207 | 	        var event = new MouseEvent('click')
208 | 	        a.download = 'test.png'
209 | 	        a.href = url;
210 | 	        a.dispatchEvent(event)
211 | 		};
212 | 	</script>
213 | 	<script type="text/javascript">
214 | 		imageCode.execute('jquery.png');
215 | 	</script>
216 | 	<script type="text/javascript" src="https://passer-by.com/public/script/projects.js"></script>
217 | 	<script type="text/javascript" src="https://passer-by.com/public/script/stat.js"></script>
218 | </body>
219 | </html>
220 | 


--------------------------------------------------------------------------------
/jquery.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mumuy/imageCode/81e99493f35b9fd77c9bddb7d0b48cad588dd284/jquery.png


--------------------------------------------------------------------------------