将 HTML 表格转换为 PNG 并在网页上呈现答案

【问题标题】：Convert HTML table to PNG and render it on webpage将 HTML 表格转换为 PNG 并在网页上呈现
【发布时间】：2021-01-29 00:47:42
【问题描述】：

我有一个 html 表。我想将该 html 表转换为 png，并希望使用 PHP 在网页上呈现它。

<table>
   <tbody>
      <tr>
         <td>Day</td>
         <td>Timing </td>
      </tr>
      <tr>
         <td>
            Sunday 
         </td>
         <td>8:30-6:30</td>
      </tr>
      <!-- New  -->
      <tr>
         <td>
            Monday 
         </td>
         <td>8:30-6:30</td>
      </tr>
      <!-- New  -->
      <tr>
         <td>
            Tuesday 
         </td>
         <td>8:30-6:30</td>
      </tr>
      <!-- New  -->
      <tr>
         <td>
            Wednesday 
         </td>
         <td>8:30-6:30</td>
      </tr>
      <!-- New  -->
      <tr>
         <td>
            Thursday 
         </td>
      </tr>
      <!-- New  -->
      <tr>
         <td>
            Friday 
         </td>
      </tr>
      <!-- New  -->
      <tr>
         <td>
            Saturday 
         </td>
         <td>8:30-6:30</td>
      </tr>
   </tbody>
</table>

目前此代码正在 webapge 上呈现 html 表格。我只想显示这个网页的 PNG，这样网页上就只有图片，没有 html 表格。

我试过这段代码，但它只显示黄色

 <?php

$out = "<table><tr><td>There will be data</td></tr></table>";
header('Content-type: image/png');
$png_image = imagecreate(50, 500);
$tcol = imagecolorallocate($png_image, 255, 255, 0);
imagestring($png_image, 4, 30, 25, $out, $tcol);
// echo $out;
imagepng($png_image);
imagedestroy($png_image);

 ?>

【问题讨论】：

在网页上显示 HTML 有什么问题？这就是 HTML 的全部意义所在。也许我错过了一些东西，但这似乎是一个奇怪的要求。
在这个特定的例子中，它可能没有很好的理由，但在某些情况下这可能是有用的。例如。如果您不希望数据被轻松复制、粘贴和操作，或者希望在系统上显示动态表格来代替图像等。

标签： php html image png

【解决方案1】：

你只是想直接打开这个文件吗？还是显示在网页上？因为你会引用这个 PHP 文件“喜欢”它是一个在你的网页中带有 <img src="table_image.php" /> 的图像。

另外，像官方示例 (https://www.php.net/manual/en/function.imagecreate.php) 一样，最好包含一些错误处理，以防您无法访问服务器上的 imagecreate 函数。

$png_image = @imagecreate(500, 300)
or die("Cannot Initialize new GD image stream");

【讨论】：