// remap jQuery to $ (function($){ if ($('canvas').hasClass('pixelation')) { console.log('AS') var canvas = document.querySelector('canvas'); var target = canvas.getContext('2d'); img = new Image(); target.mozImageSmoothingEnabled = false; target.webkitImageSmoothingEnabled = false; target.imageSmoothingEnabled = false; img.onload = pixelate; img.src = $('.cp-masthead img').attr('src'); function pixelate(v) { var size = 1, w = canvas.width * size, h = canvas.height * size; target.drawImage(img, 0, 0, w, h); target.drawImage(canvas, 0, 0, w, h, 0, 0, canvas.width, canvas.height); } } })(window.jQuery);