溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了Java利用Phantomjs實現生成圖片的方法，內容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。
今天，給大家分享一個Java后端利用Phantomjs實現生成圖片的功能，同學們使用的時候，可以參考下！
PhantomJS簡介
首先，什么是PhantomJS？
根據官網介紹：
PhantomJS is a command-line tool. -- 其實就是一個命令行工具。
PhantomJS的下載地址：
Windows:phantomjs-2.1.1-windows.zip
Linux:phantomjs-2.1.1-linux-x86_64.tar.bz2;phantomjs-2.1.1-linux-i686.tar.bz2
MacOS:phantomjs-2.1.1-macosx.zip
下載下來后，我們看到bin目錄下就是可執行文件phantomjs.exe，我們可以將它配置到環境變量中，方便命令使用！
還有一個examples目錄，它下面是很多js樣例，關于這些樣例作用，參考官網解釋，給大家做個簡單翻譯：
1. Basic examples
2. Rendering/rasterization
3. Page automation
4. Network
5. Testing
6. Browser
今天，我們根據網頁URL生成圖片，使用的就是rasterize.js：將網頁光柵化為圖像或PDF。
了解rasterize.js
我們來看一下rasterize.js的內容（源文件對size的處理有錯誤，這里已修正！）：
"use strict";
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 [paperwidth*paperheight|paperformat] [zoom]');
console.log(' paper (pdf output) examples: "5in*7.5in", "10cm*20cm", "A4", "Letter"');
console.log(' image (png/jpg output) examples: "1920px" entire page, window width 1920px');
console.log(' "800px*600px" window, clipped to 800x600');
phantom.exit(1);
} else {
address = system.args[1];
output = system.args[2];
page.viewportSize = { width: 800, height: 200 };
if (system.args.length > 3 && system.args[2].substr(-4) === ".pdf") {
size = system.args[3].split('*');
page.paperSize = size.length === 2 ? { width: size[0], height: size[1], margin: '0px' }
: { format: system.args[3], orientation: 'portrait', margin: '1cm' };
} else if (system.args.length > 3 && system.args[3].substr(-2) === "px") {
size = system.args[3].split('*');
if (size.length === 2) {
var pageWidth = parseInt(size[0].substr(0,size[0].indexOf("px")), 10);
var pageHeight = parseInt(size[1].substr(0,size[1].indexOf("px")), 10);
page.viewportSize = { width: pageWidth, height: pageHeight };
page.clipRect = { top: 0, left: 0, width: pageWidth, height: pageHeight };
} else {
var pageWidth = parseInt(system.args[3].substr(0,system.args[3].indexOf("px")), 10);
var pageHeight = parseInt(pageWidth * 3/4, 10); // it's as good an assumption as any
page.viewportSize = { width: pageWidth, height: pageHeight };
}
}
if (system.args.length > 4) {
page.zoomFactor = system.args[4];
}
page.open(address, function (status) {
if (status !== 'success') {
console.log('Unable to load the address!');
phantom.exit(1);
} else {
window.setTimeout(function () {
page.render(output);
phantom.exit();
}, 200);
}
});
}有過終端開發的人，對這段命令理解起來都不會太難，這里我就不多說了，后面，我們重點介紹它的使用！
使用方法
首先，我們將Phantom的包引入工程，放在resources目錄下。因為我們要保證本地windows開發與服務器linux環境開發打包后都能運行，所以，我們將windows和linux兩個包都引入。
然后，我們創建Phantom的使用工具類PhantomTools.class：
package test;
import lombok.extern.slf4j.Slf4j;
import org.apache.commons.io.FileUtils;
import org.apache.commons.io.IOUtils;
import org.apache.commons.lang3.StringUtils;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.util.UUID;
/**
* 網頁轉圖片處理類，使用外部CMD
*
* @author lekkoli
*/
@Slf4j
public class PhantomTools {
/**
* 可執行文件phantomjs.exe路徑
*/
private final String phantomjsPath;
/**
* 快照圖生成JS路徑
*/
private final String rasterizePath;
/**
* 臨時圖片前綴
*/
private static final String FILE_PREFIX = "TIG-AE-";
/**
* 臨時圖片后綴
*/
private static final String FILE_SUFFIX = ".jpg";
/**
* 構造參數
* 獲取phantomjs路徑
*/
public PhantomTools() {
String bootPath = new File(this.getClass().getResource("/").getPath()).getPath();
phantomjsPath = String.join(File.separator, bootPath, "phantomjs-2.1.1-windows", "bin", "phantomjs");
rasterizePath = String.join(File.separator, bootPath, "phantomjs-2.1.1-windows", "examples", "rasterize.js");
}
/**
* url 中需要轉義的字符
* 1. + URL 中+號表示空格 %2B
* 2. 空格 URL中的空格可以用+號或者編碼 %20
* 3. / 分隔目錄和子目錄 %2F
* 4. ? 分隔實際的 URL 和參數 %3F
* 5. % 指定特殊字符 %25
* 6. # 表示書簽 %23
* 7. & URL 中指定的參數間的分隔符 %26
* 8. = URL 中指定參數的值 %3D
*
* @param url 需要轉義的URL
* @return 轉義后的URL
*/
public String parseUrl(String url) {
String parsedUrl = StringUtils.replace(url, "&", "%26");
log.info("[解析后的URL：{}]", parsedUrl);
return parsedUrl;
}
/**
* 根據URL生成指定fileName的字節數組
*
* @param url 請求URL
* @return 圖片字節數組
*/
public byte[] create(String url) {
return create(url, null);
}
/**
* 根據URL生成指定fileName的字節數組
*
* @param url 請求URL
* @param size 指定圖片尺寸，例如：1000px*800px
* @return 圖片字節數組
*/
public byte[] create(String url, String size) {
// 服務器文件存放地址
String filePath = FileUtils.getTempDirectoryPath() + FILE_PREFIX + UUID.randomUUID().toString() + FILE_SUFFIX;
try {
// 執行快照命令
String command = String.join(StringUtils.SPACE, phantomjsPath, rasterizePath, url, filePath, size);
log.info("[執行命令：{}]", command);
// 執行命令操作
Process process = Runtime.getRuntime().exec(command);
// 一直掛起，直到子進程執行結束，返回值0表示正常退出
if (process.waitFor() != 0) {
log.error("[執行本地Command命令失敗] [Command：{}]", command);
return new byte[0];
}
// 判斷生成的圖片是否存在
File file = FileUtils.getFile(filePath);
if (!file.exists()) {
log.error("[本地文件\"{}\"不存在]", file.getName());
return new byte[0];
}
// 將快照圖片生成字節數組
byte[] bytes = IOUtils.toByteArray(new FileInputStream(file));
log.info("[圖片生成結束] [圖片大小：{}KB]", bytes.length / 1024);
return bytes;
} catch (IOException | InterruptedException e) {
log.error("[圖片生成失敗]", e);
} finally {
FileUtils.deleteQuietly(FileUtils.getFile(filePath));
}
return new byte[0];
}
}上面工具類，通過構造方法初始化了命令包路徑，調用parseUrl()方法對URL中含有的&符號做了替換，最核心的命令執行，采用Process對象完成，最后輸出到臨時目錄下的圖片文件。這就是phantomjs對Web訪問頁的圖片生成流程。
其中，Process對象底層調用的其實就是ProcessBuilder。
public Process exec(String[] cmdarray, String[] envp, File dir)
throws IOException {
return new ProcessBuilder(cmdarray)
.environment(envp)
.directory(dir)
.start();
}ProcessBuilder會調用ProcessImpl的許多底層native方法完成URL訪問與圖片生成。
測試方法：
public static void main(String[] arg) throws IOException {
String url = "https://www.cnblogs.com/ason-wxs/";
PhantomTools phantomTools = new PhantomTools();
String parsedUrl = phantomTools.parseUrl(url);
byte[] byteImg = phantomTools.create(parsedUrl);
File descFile = new File(FileUtils.getTempDirectoryPath() + "test.png");
FileUtils.touch(descFile);
FileUtils.writeByteArrayToFile(descFile, byteImg);
}測試結果我就不貼出來了，無非將我的博客首頁生成圖片保存到指定文件test.png中。
看完上述內容，是不是對Java利用Phantomjs實現生成圖片的方法有進一步的了解，如果還想學習更多內容，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
