/
pngpacker.js
51 lines (28 loc) · 1.03 KB
/
pngpacker.js
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
//i left png packer here because it works but is an epic fail... if you can only serve bin data as a base64 encoded string
var c = document.getElementById('packer');
var compiled = document.getElementById('compiled');
var code = compiled.textContent;
while(code.length%4){
code+=' ';
}
alert((code.length/4)+' canvas width');
c.width = code.length/4;
c.height = 1;
var buffer = [];
var x = c.getContext('2d');
var imageData = x.createImageData(c.width, 1);
for(i=0,j=code.length;i<j;i++){
imageData.data[i] = code.charCodeAt(i);
}
x.putImageData(imageData, 0, 0);
var d = document.createElement('div');
var codeImage = c.toDataURL();
alert('from '+code.length+' too '+codeImage.length);
d.textContent =codeImage;
document.body.appendChild(d);
var encoded_data = atob(codeImage.split('base64,')[1]);
//this is really bad size wise but i was just wondering
var evalable_bin = JSON.stringify(encoded_data);
alert('stringified length: '+evalable_bin.length);
eval("var bin = "+evalable_bin);
alert("translated bin === data uri?")