如何生成由CSS属性定义的图像文件？

-2

有没有什么办法可以从CSS样式属性定义的html div创建图像文件（jpeg或png）。如何生成由CSS属性定义的图像文件？

例如：

div area on HTML page

#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实物模型样品（与设计的商务卡） - 是这样的：

enter image description here

你能给我应该使用一些简短的指导意见（PHP类的名称，技术等等）。

来源

2013-03-13 minimal

切记：内容将以屏幕分辨率显示，可能不适合打印。 – 2013-03-13 14:28:47

这个问题没有通过“你试过什么？”测试。 GD或imagemagick将是一个很好的开始。 – mkaatman 2013-03-13 14:28:48

Google是你的朋友。 – ShuklaSannidhya 2013-03-13 14:30:41

你应该看看GD library of PHP，它可以让你创建图像和添加文本。

Here's我写了一篇与class I created相关的文章。

来源

2013-03-13 14:27:51 Alvaro

我建议你使用Phantomjs。这将允许您创建一个HTML文档并将其转换为图像。你可以使用图形库在你看来合适的时候合成这个图像。

来源

2013-03-13 14:53:11 Joe

如何生成由CSS属性定义的图像文件？

回答

相关问题