php – 如何将html&css转换为图像?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了php – 如何将html&css转换为图像?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1555字,纯文字阅读大概需要3分钟。
内容图文
我正在开发一个电子贺卡制造商(我知道这很糟糕,不是我的想法……).有没有办法在不使用闪存的情况下将特定dom元素的html和css转换为图像?我知道有图像魔法等,但是对齐和正确排序文本似乎相当复杂.
我最好寻找服务器端解决方案,因为从客户端发布图像可能需要一些时间.
我发现这个:https://code.google.com/p/java-html2image/但不幸的是我只能使用php,ruby或客户端技术.
解决方法:
客户端解决方案
在客户端,您可以使用类似库(使用HTML 5)的东西:http://html2canvas.hertzen.com/ =)
有了它,你可以使用类似的东西:
html2canvas(document.getElementById("element-id"), {
onrendered: function(canvas) {
var image = new Image();
image.src = canvas.toDataURL("image/png"); // This should be image/png as browsers (only) support it (to biggest compatibilty)
// Append image (yes, it is a DOM element!) to the DOM and etc here..
}
});
服务器端解决方案
要获得服务器端解决方案,可以使用PhantomJS(使用Webkit)或SlimerJS(使用Gecko).
一个好的库是这两个的包装器是CasperJS.使用CasperJS,可以使用的代码是:
casper.start(casper.cli.args[0], function() {
this.captureSelector(casper.cli.args[1], casper.cli.args[2]);
});
casper.run();
将它保存为screenshot.js(只是名称的一个示例,您也可以选择一个名称)并使用以下内容运行它:
casperjs screenshot.js (URL) (image path) (selector)
从任何语言.
服务器端的(可能更好)替代方案
其他选项是使用Selenium,但这仅在您可以在服务器中运行Java(并手动安装浏览器)时才有效(PhantomJS / SlimerJS / CasperJS,但是没有这些要求)
仅在您需要完全模拟浏览器时使用它(可能在使用插件时…)
最好的Selenium是你可以使用包装器连接到它(使用Selenium Server),请参阅文档以获取列表:http://code.google.com/p/selenium/w/list
内容总结
以上是互联网集市为您收集整理的php – 如何将html&css转换为图像?全部内容,希望文章能够帮你解决php – 如何将html&css转换为图像?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。