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 again

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

15
index.html
View File

@ -48,7 +48,7 @@
button { button {
display: block; display: block;
margin: 0 auto; margin: 8px auto;
padding: 12px; padding: 12px;
border: none; border: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@ -60,8 +60,9 @@
cursor: pointer; cursor: pointer;
} }
button:first-child { .buttons {
margin-top: 80px; margin-top: 50px;
width: 100%;
} }
code { code {
@ -88,8 +89,10 @@
<canvas id="snappie" width="580" height="420"></canvas> <canvas id="snappie" width="580" height="420"></canvas>
</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> <div class="buttons">
<button id="screenie">Screenshot</button> <button id="snap">Snapshot</button>
<button id="screenie">Screenshot</button>
</div>
</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>
@ -174,6 +177,7 @@ for(var i = 0, length = 10; i < length; i++) {
})(); })();
document.getElementById("snap").addEventListener("click", function() { document.getElementById("snap").addEventListener("click", function() {
console.log("console.snapshot(%O)", canvas);
console.snapshot(canvas); console.snapshot(canvas);
setTimeout(function() { setTimeout(function() {
flash = true; flash = true;
@ -181,6 +185,7 @@ document.getElementById("snap").addEventListener("click", function() {
}); });
document.getElementById("screenie").addEventListener("click", function() { document.getElementById("screenie").addEventListener("click", function() {
console.log("console.screenshot(%O)", canvas);
console.screenshot(canvas); console.screenshot(canvas);
setTimeout(function() { setTimeout(function() {
flash = true; flash = true;