【问题标题】:Using canvas drawImage in chrome extension content script在 chrome 扩展内容脚本中使用画布 drawImage
【发布时间】:2013-05-04 18:05:00
【问题描述】:

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

  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

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

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

【问题讨论】:

    标签: google-chrome-extension


    【解决方案1】:

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

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

    别忘了在https://code.google.com/p/chromium/issues/list 报告错误。

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-04-22
    • 2021-06-15
    • 2011-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-25
    相关资源
    最近更新 更多