html5 – 如何更改使用chrome.tabs.captureVisibleTab(Chrome扩展程序)捕获的选项卡的大小

前端之家收集整理的这篇文章主要介绍了html5 – 如何更改使用chrome.tabs.captureVisibleTab(Chrome扩展程序)捕获的选项卡的大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用以下代码捕获所选标签的屏幕截图
chrome.tabs.captureVisibleTab( undefined,function( data ) { display( data ) });

API说它可以改变标签的大小(http://code.google.com/chrome/extensions/tabs.html#method-captureVisibleTab),但我无法弄清楚如何做到这一点.目前所有截图都以全尺寸(1440×900)出现,但我只需要缩略图尺寸.

有谁知道如何使用这个API来做到这一点?

谢谢.

解决方法

Chrome API实际上并未提供captureVisibleTab的图像大小.该功能的作用基本上就是你所看到的是你从该标签获得的图像.

如果要调整该选项卡的图像大小.您可以使用HTML5 Canvas.
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html

您可以将图像加载到Canvas中,然后从该画布中调整图像大小并随意执行任何操作.您可以使用drawImage将图像放入画布上下文中

http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#images

根据drawImage的参数,您可以调整它的大小,或者您可以使用其他画布功能进行剪裁或裁剪.

然后,在完成图像大小调整后,可以使用toDataURL将其转换回来,以便您可以使用它或存储它.

http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-canvas-todataurl

猜你在找的HTML5相关文章