将简单的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的浏览器，例如。 chrome，firefox。

我该怎么做？

Answer 1

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

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