archive-gh-me/console.snapshot
1
0
Fork 0
mirror of https://github.com/adriancooney/console.snapshot.git synced 2025-12-08 21:26:19 +00:00
Code Issues Projects Releases Wiki Activity

Updated the demo

Browse Source
This commit is contained in:
Adrian Cooney 2013-07-01 02:47:28 +01:00
parent 6f09b678ae
commit 08418dd1e0
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@ -58,7 +58,10 @@
color: #fff; color: #fff;
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
margin-top: 120px; }
button:first-child {
margin-top: 80px;
} }
code { code {
@ -86,6 +89,7 @@
</div><div class="quarter"> </div><div class="quarter">
<p>Pop open the Chrome Dev tools (<code>Ctrl/CMD + Shift + J</code>) and click the button below to snapshot the canvas to the left and see the output within the console.</p> <p>Pop open the Chrome Dev tools (<code>Ctrl/CMD + Shift + J</code>) and click the button below to snapshot the canvas to the left and see the output within the console.</p>
<button id="snap">Snapshot</button> <button id="snap">Snapshot</button>
<button id="screenie">Screenshot</button>
</div> </div>
</div> </div>
<p>This is the brainchild of a <a href="https://github.com/dunxrion/console.image">bit of idiocy</a> and some insightful comments on a <a href="https://news.ycombinator.com/item?id=5962086">Hacker News thread</a>. Created by <a href="http://twitter.com/dunxrion">@dunxrion</a>.</p> <p>This is the brainchild of a <a href="https://github.com/dunxrion/console.image">bit of idiocy</a> and some insightful comments on a <a href="https://news.ycombinator.com/item?id=5962086">Hacker News thread</a>. Created by <a href="http://twitter.com/dunxrion">@dunxrion</a>.</p>
@ -170,9 +174,18 @@ for(var i = 0, length = 10; i < length; i++) {
})(); })();
document.getElementById("snap").addEventListener("click", function() { document.getElementById("snap").addEventListener("click", function() {
flash = true;
console.snapshot(canvas); console.snapshot(canvas);
}) setTimeout(function() {
flash = true;
}, 500)
});
document.getElementById("screenie").addEventListener("click", function() {
console.screenshot(canvas);
setTimeout(function() {
flash = true;
}, 500)
});
</script> </script>
</html> </html>