javascript - 嵌入文本和图像，然后将其作为单个图像

Question

我有一张图片；比如说“鉴赏证书”。只有证书中的人的名字会改变。

当用户在文本框中输入他的名字时，证书上的名字应该是他刚刚输入的文本。

我可以通过将文本重叠到图像上来做到这一点。但是

真正的问题是：

在他输入他的名字之后；文本和证书图像在客户端组合并呈现为单个图像。

这必须在没有服务器端代码或 HTML5 画布的 jquery/javascript 中完成

Answer 1

简单但简短（从 div 中输出物理图像）对于纯 jQuery/Javascript 是不可能的。可以通过 HTML5 画布使用，虽然有点原始，并且有许多好的 php 库（imagick、gd）可以让这看起来轻而易举。