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

11
index.html
View File

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