google-chrome-extension - 在 chrome 扩展内容脚本中使用 Canvas drawImage

Question

我正在尝试在我的 Chrome 扩展中注入(inject)内容脚本中的 Canvas Context 上使用 drawImage。

  testCanvas = document.createElement('canvas');
  testContext = testCanvas.getContext('2d');
  var image = new Image();
  testContext.drawImage(image, 0, 0);

在 Chrome 26 中它工作正常，但在开发 channel (Chrome 28) 中，当我收到这条消息时，这个接缝坏了:

Uncaught TypeError: Type error

当我将相同的脚本直接移动到后台页面时，它可以正常工作。

我认为这可能与某些安全相关的更改有关，但我找不到任何相关信息。

Answer 1

这是一个错误，您应该报告它。更多测试表明，在 Chrome 28.0.1498.0 中，Image 构造函数不会创建有效的 HTMLImageElement 实例(如下面的屏幕截图所示)。
此代码在内容脚本的上下文中运行。相同的代码在常规页面和扩展进程(后台页面)中运行良好。

要解决此问题，请使用 document.createElement('img') 而不是 new Image()。

并且不要忘记在 https://code.google.com/p/chromium/issues/list 报告错误.