ホームページのスクリーンショットは簡単に実現します.
1781 ワード
一、まず中国語のフォントをインストールします.でないと、後期は中国語の文字化けをスクリーンショットします.
centosで実行します.yum install bitmap-fonts bitmap-fonts-cjkはuuntuで実行します.sudo ap-get install xfonts-wqy
二、PhotomJSの設置
ダウンロード先:https://phantomjs.org/download.html
tar xjf phantomjs-2.11-linux-x 86_64.tar.bz 2
yum-y install fontconfig
ln-s /data/tomcat/work/sxm/phantomjs/bin/phantomjs/usr/bin/
phantomjs--version
三、js編纂
参照リンク:
https://www.cnblogs.com/jasondan/p/4108263.html
https://zhidao.baidu.com/question/1796749481372234507.html
http://www.crazyken.cn/blog/post/425.html
https://www.cnblogs.com/sxming/p/7700504.html
https://phantomjs.org/download.html
https://www.bbsmax.com/A/Gkz1mxNQzR/
centosで実行します.yum install bitmap-fonts bitmap-fonts-cjkはuuntuで実行します.sudo ap-get install xfonts-wqy
二、PhotomJSの設置
ダウンロード先:https://phantomjs.org/download.html
tar xjf phantomjs-2.11-linux-x 86_64.tar.bz 2
yum-y install fontconfig
ln-s /data/tomcat/work/sxm/phantomjs/bin/phantomjs/usr/bin/
phantomjs--version
三、js編纂
var page = require('webpage').create(),
system = require('system'),
address, output, size;
if (system.args.length < 3 || system.args.length > 5) {
console.log('Usage: rasterize.js URL filename');
phantom.exit(1);
} else {
address = system.args[1];
output = system.args[2];
page.viewportSize = { width: 1024, height: 600 };
page.open(address, function (status) {
//
var bb = page.evaluate(function () {
return document.getElementsByTagName('html')[0].getBoundingClientRect();
});
// ,
page.clipRect = {
top: bb.top,
left: bb.left,
width: bb.width,
height: bb.height
};
//
window.setTimeout(function () {
page.render(output);
page.close();
console.log('render ok');
}, 1000);
});
}
上のファイルはrender.jsに参加して、コマンドテストを使います.phantomjs render.jshttp://cnblogs.com cnblogs.png、成功すればいいです.参照リンク:
https://www.cnblogs.com/jasondan/p/4108263.html
https://zhidao.baidu.com/question/1796749481372234507.html
http://www.crazyken.cn/blog/post/425.html
https://www.cnblogs.com/sxming/p/7700504.html
https://phantomjs.org/download.html
https://www.bbsmax.com/A/Gkz1mxNQzR/