Facebook有趣的应用程序是如何从获取的信息中生成图像的？

Question

这东西真让人恼火。实际上，我知道如何使用html2canvas库将HTML转换为图像。但我只想知道，大多数拥有Facebook有趣应用程序的人，比如这和这，是如何创建图片的。

我可以使用FB 获取所有所需的用户信息，那么我应该如何创建像它们这样的JPG/PNG映像呢？我尝试过的是html2canvas，但我不认为所有其他有趣的应用程序都使用这个东西。因为当查看它们的源代码时，我看不到包含需要使用html2canvas生成的图像的所有内容的HTML元素。即使是画布元素也是而不是存在。只显示图像。

因此，可以有3的可能性：

1. 他们使用Ajax在一个单独的HTML/PHP页面中进行整个处理(这是另一个问题，我搜索了很多，但没有找到与此相关的单一答案:参见下面的查询)。
2. 它们使用z索引或其他什么方法隐藏HTML及其对应的画布元素，并且只显示生成的图像。
3. 他们不使用html2canvas。他们用的是别的东西。

查询与1相关: Ajax调用可以执行包含JS、CSS的页面(比如URL: 'convertAndReturnImage.php'并呈现结果，并使用success函数中的html2canvas返回生成的图像/URL)吗？

Answer 1

您可以轻松地将服务器上的图像组合起来--将所有图像发送到服务器，并使用特定的x/y坐标放置它们。例如，PHP为此提供了许多函数：http://php.net/manual/de/ref.image.php

当然，您也可以将图片与画布(https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage)组合在一起，使用"toDataURL“函数并将其发送到服务器。但是你必须在服务器上创建它。例如：解码画布todataURL

您可以使用AJAX返回图片，也可以在服务器上创建图片并将URL返回给它。

Answer 2

Ajax调用只能执行脚本页，比如.js或.php。它无法执行包含HTML、JS和样式表的.php页面。为此，必须在浏览器中呈现。Ajax只返回结果。这么多的处理是做不到的。您必须至少在浏览器中打开文档一次。