dart - 将 IFRAME 内容转换为图像

Question

我将 URL 提取到 IFRAME 中，现在想捕获结果的缩略图，以便稍后向用户显示他们所关注的链接。

void receiveHtml(Event e) {
  ...
  iframe.convertToImage... // <----- ????? How to do this?
}

IFrameElement iframe = query('#iframehtml') as IFrameElement;
...
iframe.on.load.add(receiveHtml);
...
iframe.src = url; // E.g. url='http://someplace.com/dir/'

DART 中有没有办法将 iframe 文档捕获到图像中？（然后我可以缩小为缩略图并存储以备后用）。

Answer 1

您不能在客户端执行此操作，至少在 iframe 位于同一来源（“同一网站”）的情况下不能这样做。否则，这将是一个安全风险，因为它为许多可能性打开了大门，例如用用户的银行账户详细信息截取银行网站。

但是，您可以在服务器端执行此操作，但这并不容易。

您可以做的一件事是安装webkit2png并让它制作网站的屏幕截图。你可以这样称呼它：

import 'dart:io';

main() {
  Process.run('python', ['/path/to/webkit2png', 'http://google.com']).then((result) {
    // Here you can open and do whatever you want with the screenshots.
    // The files are placed in the current directory.
    print(new File('somescreenshot.png').readAsBytesSync());
  });
}