扫码关注官方订阅号
想做个小项目,希望在网页实现将文字生成为图片的功能,再展示出来。
只靠前端的话,借助<canvas>貌似可以,但不想作为首选。
后台以nodejs为基础的话,能实现这种功能吗?原理是什么?
谢谢~
走同样的路,发现不同的人生
哈哈,我做过类似的项目,就是把网页渲染成图片,用这个工具casperjs,文档在这,原理就是用一个无界面的webkit内核浏览器,在服务器端渲染完成后,导出成png。以下是最简单的例子
casperjs
//test.js var page = require('webpage').create(); var targetURL = 'http://www.baidu.com'; page.open(targetURL, function(status) { console.log("Status: " + status); if (status === "success") { page.render('pc.jpg'); } phantom.exit(); });
执行casperjs.cmd test.js
casperjs.cmd test.js
结果如下
后端nodejs也可以用canvas生成。
可以参考这个:http://blog.csdn.net/qxs96526...
直接SVGhttps://www.npmjs.com/package...或者svg转canvashttps://github.com/dodo/node-...
如果需要转jpg/pnghttps://github.com/shakiba/sv...
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
哈哈,我做过类似的项目,就是把网页渲染成图片,用这个工具
casperjs,文档在这,原理就是用一个无界面的webkit内核浏览器,在服务器端渲染完成后,导出成png。以下是最简单的例子
结果如下

后端nodejs也可以用canvas生成。
可以参考这个:http://blog.csdn.net/qxs96526...
直接SVG
https://www.npmjs.com/package...
或者
svg转canvas
https://github.com/dodo/node-...
如果需要转jpg/png
https://github.com/shakiba/sv...