5

我有一个网站，它从用户粘贴到文本区域的某些行生成一个表格（使用 php 回显一个表格）。我希望我的客户能够将这张表保存在他们的机器上。这是我到目前为止发现的http://html2canvas.hertzen.com/但不知道如何使用它。同样在未来的某个时候，我希望它有一个“在 facebook 上分享”按钮，以便将图像上传到他们的 facebook 帐户。

我已经在 Google 上搜索了 2 天，但没有任何结果，我能找到的所有结果都像 php 函数一样将图像保存到服务器而不是客户端计算机。任何帮助将不胜感激。

4

2 回答 2

2

您可以为此使用画布。只需将所有数据放在画布中，您将获得图像输出。一个更好的例子可以在这里找到

<html>
<body>
<style type="text/css">
table
{
border=5;
}
</style>
<p><canvas id="canvas" style="border:2px solid black;" width="500" height="500"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var data = "<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'>" +
             "<foreignObject width='100%' height='100%'>" +
               "<div xmlns='http://www.w3.org/1999/xhtml' style='font-size:40px'>" +
                 "<table><tr><td>HI</td><td>Welcome</td></tr><tr><td>Hello</td><td>World</td></tr> </table>" +
               "</div>" +
             "</foreignObject>" +
           "</svg>";
var DOMURL = self.URL || self.webkitURL || self;
var img = new Image();
var svg = new Blob([data], {type: "image/svg+xml;charset=utf-8"});
var url = DOMURL.createObjectURL(svg);
img.onload = function() {
    ctx.drawImage(img, 0, 0);
    DOMURL.revokeObjectURL(url);
};
img.src = url;
</script>
</body>
</html>
于 2012-11-02T06:39:39.123 回答
0

用于PHP GD在旅途中创建图像。

Content-type: image/png当调用 php 文件时，使用它会返回一个标头类型。（注意：您不能将 html 与此 php 中的图像一起返回，因为我们将标头类型定义为 image/png）

或者，您可以生成支持表格的 pdf 文件。生成 pdf 的最佳库是FPDF See the table generation example in fpdf here

链接：

PHP GD

FPDF

于 2012-11-02T05:13:58.653 回答