Иконка расширения по ссылке Chrome

Использую такой код:

var img = new Image,
  canvas = document.createElement("canvas"),
  ctx = canvas.getContext("2d"),
  src = settings['address'] + "/2.png"; // insert image url here
img.crossOrigin = "Anonymous";
img.onload = function() {
  canvas.width = img.width;
  canvas.height = img.height;
  ctx.drawImage(img, 0, 0);
  chrome.browserAction.setIcon({
    "imageData": ctx.getImageData(0, 0, 19, 19)
  });
};
img.src = 'https://lh3.googleusercontent.com/krl72AYWGWgmhSCcdlHm-IgwkOBfdq6qVFIJtHxhfoSlMcrIgKdVhK-l-o800kv0m7uO=w300';

Но в итоге получаю тупо прозрачную иконку, даже не иконку а пустоту. Ошибки нет.