Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

69 lines (64 sloc) 2.295 kB
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>LSB Example</title>
<style type="text/css">
.display {
position:absolute;
top:50%; left:50%;
}
#wrapper {
position:absolute;
top:0; left:0;
width:100%; height:100%;
margin-left:-128px;
}
#input {
margin-left:-256px;
margin-top:-256px;
}
#output {
margin-top:-256px;
}
#enlarged {
margin-left:-256px;
}
#unwrapped {
margin-left:138px;
margin-top:10px;
}
#text {
width:256px; height:512px;
margin:0; padding-left:20px;
overflow:hidden;
outline:0; border:0; color:#777;
font-family:'Ubuntu Mono', Monaco, 'Lucida Console', 'Courier New', Courier, monospace;
font-size:13px;
position:absolute;
top:50%; left:50%;
margin-top:-256px;
margin-left:256px;
}
</style>
</head>
<body>
<a href="https://github.com/hughsk/lsb"><img style="position: absolute; top: -20px; right: -20px; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a>
<div id="wrapper">
<canvas class="display" id="input"></canvas>
<canvas class="display" id="output"></canvas>
<canvas class="display" id="enlarged"></canvas>
<canvas class="display" id="highlighted"></canvas>
<textarea id="text">The text here is hidden in the image on the top-right-hand side.
The top-left image is the original. Can't tell the difference, right?
That's thanks to steganography - we're embedding bits of the text by changing the brightness of these pixels *ever* so slightly.
Go ahead and type something here, and watch the images change.
The bottom-left image is the text as a binary grid, and the bottom-right image is an amplification of the changes we're making.
</textarea>
</div>
<script src="bundle.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.