Skip to content

Instantly share code, notes, and snippets.

@uzulla

uzulla/debugmodesample.html

Created June 22, 2012 16:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save uzulla/2973741 to your computer and use it in GitHub Desktop.
Save uzulla/2973741 to your computer and use it in GitHub Desktop.
Download ZIP
Spacer.js
Raw
debugmodesample.html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="./spacer.js"></script>
</head>
<body onload="setSpacer('#FF0000');">
<img src="spacer.js" width=100 height=100 alt=spacer>&lt;=This is Spacer!!!!
</body>
</html>
Raw
sample.html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="./spacer.js"></script>
</head>
<body onload="setSpacer();">
<img src="spacer.js" width=100 height=100 >&lt;=This is Spacer!!!!
</body>
</html>
Raw
spacer.js
/*
Spacer.min.js - client side spacer.gif
@uzulla
require jQuery
*/
function setSpacer(color){
var canvas = $('<canvas>')[0];
$(canvas).attr("width", 1);
$(canvas).attr("height", 1);
var ctx = canvas.getContext("2d");
if(color){
ctx.fillStyle=color;
ctx.fillRect(0, 0, 1, 1);
}else{
ctx.fillRect(0, 0, 0, 0);
}
var dataURL = canvas.toDataURL("image/png");
$('img').filter('[src=spacer.js]').attr('src',dataURL);
}
Raw
spacer.min.js
//spacer.min.js uzulla
function setSpacer(){$('img').filter('[src=spacer.js]').attr('src','data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==');}
@uzulla
Copy link
Author

uzulla commented Jun 23, 2012

https://github.com/uzulla/spacer.js

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment