-2

有没有办法从一些由 CSS 样式属性定义的 html DIV 创建图像文件(jpeg 或 png)。

例如:

HTML页面上的div区域

#canvas_base {
 width: 400px;
 height: 200px;
 background-color: #1155aa;
}

div.text_div{
 font-size: 15px;
 font-family: Tahoma;
 color: #770000;
 line-height: 19px;
 position: absolute;
 top: 76px;
 left: 114px;
 display: inline-block;
 -webkit-transform: rotate(0deg);
} 
img.image_div{
 position: absolute;
 top: 14px;
 left: 61px;
 display: inline-block;
 width: 240px;
 height: 240px;
 -webkit-transform: rotate(0deg);
}

我正在开发一个用户用来设计自己的名片的 Web 应用程序。提交后,他们应该会收到一个 jpeg 模型样本(带有设计的名片) - 如下所示:

在此处输入图像描述

你能给我一些简短的指导吗(PHP 类的名称、应该使用的技术等)。

4

2 回答 2

3

您应该看一下PHP 的 GD 库,它使您能够创建图像和添加文本。

这是我写的一篇与我创建的类相关的文章。

于 2013-03-13T14:27:51.527 回答
1

我建议你使用Phantomjs。这将允许您创建 HTML 文档并将其转换为图像。您可以使用图形库按照您认为合适的方式合成此图像。

于 2013-03-13T14:53:11.100 回答