将简单的 html 转换为位图/图像的简单方法是什么？

Question

在我的项目中，我在数据库中有许多简单的 html 文本，例如。

<ul>this is apple</ul>
<ul>this is orange</ul>
<p>I want to <u>eat</u> apple</p>
hello <i>mr</i> orange

在我的项目中，我有一个服务器和一个客户端。服务器将从数据库中读取 html 文本，客户端是 web 客户端，它必须以 Image 对象的形式获取 html 文本才能显示它。（我有自己的理由不直接在 DOM 中显示 html 文本...... ..)，无论如何客户端必须以图像的形式显示所有内容。

现在我认为有两种方法可以解决这个问题。
第一个，服务器将'html text'转换为图像（例如base64字符串），然后将其发送给客户端。
或.....
第二个，客户端获取“html文本”并通过javascript将其转换为浏览器中的javascript图像对象。

我的服务器程序是一个点网程序。
我的客户端是可以运行 html5 的浏览器，例如。铬，火狐。

我该怎么做？

Answer 1

我在使用js插件html2canvas之前已经这样做了@
它并不完美，但效果很好，也许自从我上次使用以来它有所改进。

如果您想在服务器端执行此操作，您可以使用 phantomJs 之类的无头浏览器抓取页面并让它为您创建屏幕截图，但这可能会更复杂设置。