63 lines
2.9 KiB
HTML
63 lines
2.9 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Ox.js PNG Test</title>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
|
|
<style>
|
||
|
|
div {
|
||
|
|
font-family: Consolas;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript" src="../build/js/jquery-1.3.2.js"></script>
|
||
|
|
<script type="text/javascript" src="../build/js/ox.js"></script>
|
||
|
|
<script>
|
||
|
|
$(function() {
|
||
|
|
var $body = $("body"),
|
||
|
|
src = "http://khm0.google.com/kh/v=46&x=0&y=0&z=0",
|
||
|
|
//src = "http://www.google.com/intl/en_ALL/images/logo.gif",
|
||
|
|
//src = "http://www.google.com/favicon.ico",
|
||
|
|
//src = "http://images.apple.com/global/nav/images/globalnavbg.png",
|
||
|
|
//src = "http://a1.twimg.com/a/1257210731/images/logo.png",
|
||
|
|
//src = "http://l.yimg.com/g/images/logo_home.png",
|
||
|
|
//src = "http://www.libpng.org/pub/png/img_png/png-9passes.png"
|
||
|
|
//src = "http://www.libpng.org/pub/png/img_png/libpng-88x31.png"
|
||
|
|
//str = "¥€$",
|
||
|
|
str = "H€₤₤O ₩OR₤D"
|
||
|
|
;
|
||
|
|
$.get("http://google.com", function(data) {
|
||
|
|
var str = data; //data.substr(0, 2048);
|
||
|
|
$("<img/>")
|
||
|
|
.attr({
|
||
|
|
src: src
|
||
|
|
})
|
||
|
|
.load(function() {
|
||
|
|
var that = this;
|
||
|
|
Ox.print("encoding");
|
||
|
|
$("<img/>")
|
||
|
|
.attr({
|
||
|
|
src: Ox.encodePNG(that, str)
|
||
|
|
})
|
||
|
|
.load(function() {
|
||
|
|
Ox.print("decoding");
|
||
|
|
$("<div/>")
|
||
|
|
.html("[decoding original, should throw an error] " + (function() {
|
||
|
|
var ret;
|
||
|
|
try {
|
||
|
|
ret = Ox.decodePNG(that);
|
||
|
|
ret = "[" + ret.length + " bytes] " + Ox.encodeHTML(ret);
|
||
|
|
} catch (e) {
|
||
|
|
ret = e.toString()
|
||
|
|
}
|
||
|
|
return ret;
|
||
|
|
})() + "<br/>[decoding encoded, should return a string] " + Ox.encodeHTML(Ox.decodePNG(this)))
|
||
|
|
.prependTo($body);
|
||
|
|
})
|
||
|
|
.appendTo($body);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body></body>
|
||
|
|
</html>
|