Skip to content

Instantly share code, notes, and snippets.

@appleton
Created February 27, 2012 14:22
Show Gist options
  • Save appleton/1924149 to your computer and use it in GitHub Desktop.
Save appleton/1924149 to your computer and use it in GitHub Desktop.
Troll any canvas element
var canvas = document.getElementsByTagName('canvas'),
img = new Image();
img.onload = function(){
Array.prototype.slice.call(canvas).forEach(function(el){
el.getContext('2d').drawImage(img, 0, 0);
});
};
img.src = 'http://thegurglingcod.typepad.com/.a/6a00d8341c387d53ef0148c84decb8970c-320wi';
@edds
Copy link

edds commented Feb 28, 2012

Surely to troll any element you want something more like:

var canvas = document.getElementsByTagName('canvas'),
    img = new Image();

img.onload = function(){
  Array.prototype.slice.call(canvas).forEach(function(el){
    el.getContext('2d').drawImage(img, 0, 0);
  });
};
img.src = 'http://thegurglingcod.typepad.com/.a/6a00d8341c387d53ef0148c84decb8970c-320wi';

@appleton
Copy link
Author

Good point, updated.

Related: one of the WAW entries uses a lot of canvas.
Also related: not our one.

@edds
Copy link

edds commented Feb 28, 2012

Ohh dear, I am not enabling vandalism am I?

@appleton
Copy link
Author

:trollface:

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