在chrome扩展内容脚本中使用canvas drawImage

Question

我正试图drawImage在我的Chrome扩展程序的注入内容脚本中使用Canvas Context.

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

在Chrome 26中,它运行正常,但在开发频道(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上报告错误.