springboot實(shí)現(xiàn)瀏覽器截屏并添加文字
更新時(shí)間：2022年02月11日 09:28:42 作者：賣柴火的小伙子
大家好，本篇文章主要講的是springboot實(shí)現(xiàn)瀏覽器截屏并添加文字，感興趣的同學(xué)趕快來看一看吧，對(duì)你有幫助的話記得收藏一下
最近接到一個(gè)新的需求，需要將管理系統(tǒng)中指定頁面進(jìn)行截屏并將截屏后的圖片動(dòng)態(tài)添加文字之后保存到本地指定目錄。本文按照測(cè)試demo簡(jiǎn)單記錄一下，此需求分成三個(gè)需求點(diǎn)進(jìn)行實(shí)現(xiàn)：
1.瀏覽器截屏生成圖片(保存位置為服務(wù)器指定目錄)
2.截屏后的圖片添加文字
3.服務(wù)器圖片下載到客戶端本地指定目錄
1.瀏覽器截屏(phantomjs插件實(shí)現(xiàn))
phantomjs插件官方下載地址：https://phantomjs.org/download.html
插件配置文件目錄(windows環(huán)境使用phantomjs.exe，Linux使用phantomjs)
截屏測(cè)試demo：
文件路徑獲取工具類：
@Component
public class FileResourceUtil {
@Autowired
private ResourceLoader resourceLoader;
/**
* 根據(jù)文件名字獲取路徑
* @param fileNameAndPath
* @return
*/
public String getFilePath(String fileNameAndPath) throws IOException {
File file = resourceLoader.getResource("file:"+ fileNameAndPath).getFile();
if(!file.exists()) {
file = resourceLoader.getResource("classpath:"+ fileNameAndPath).getFile();
}
return file.getAbsolutePath();
}
}
截屏接口：
public interface ScreenshotService {
String screenshot(HttpServletRequest re, String url, String size) throws IOException;
}
截屏實(shí)現(xiàn)類：
@Service
public class ScreenshotServiceImpl implements ScreenshotService {
// 設(shè)置截屏后圖片存儲(chǔ)路徑
private String pdfPath = "D:/testPhoto/";
@Autowired
private FileResourceUtil fileResourceUtil;
@Override
public String screenshot(HttpServletRequest re, String url, String size) throws IOException {
String img = "";
// 此處可根據(jù)操作系統(tǒng)獲取對(duì)應(yīng)phantomjs文件路徑(phantomjs.exe對(duì)應(yīng)Windows，phantomjs對(duì)應(yīng)Linux)
/* String plugin = '';
String os = System.getProperty("os.name").toLowerCase();
if (os.contains("windows")) {
plugin = resourceUtil.getFilePath("plugin/phantomjs.exe");
}else{
plugin = resourceUtil.getFilePath("plugin/phantomjs");
}*/
// 測(cè)試環(huán)境為window環(huán)境，故獲取phantomjs.exe所在目錄
String plugin = fileResourceUtil.getFilePath("plugin/phantomjs.exe");
String js = fileResourceUtil.getFilePath("plugin/rasterize.js");
File file = new File(this.pdfPath);
if (!file.exists()) {
file.mkdirs();
}
// 截屏后文件名可自定義
img = this.pdfPath + "1.png";
File pluginFile = new File(plugin);
if (!pluginFile.canExecute()) {
pluginFile.setExecutable(true);
}
File jsFile = new File(js);
if (!execute(plugin, jsFile.getAbsolutePath(), url, img, size)) {
return null;
}
return img;
}
// 截屏圖片流處理
public boolean execute(String... args) {
Process process = null;
StringBuilder msg = new StringBuilder();
try {
process = Runtime.getRuntime().exec(args);
BufferedReader input = new BufferedReader(
new InputStreamReader(process.getInputStream()));
String line;
while ((line = input.readLine()) != null) {
System.out.println(line);
}
input.close();
} catch (IOException e) {
System.out.println("error:"+e.getCause());
msg.append("error");
}
return !msg.toString().endsWith("error");
}
}
測(cè)試：
@SpringBootTest
class DemoApplicationTests {
@Autowired
public ScreenshotServiceImpl screenshotService;
@Test
public void test1(){
try {
// 截屏圖片大小可根據(jù)實(shí)際需求進(jìn)行設(shè)置
screenshotService.screenshot(null, "https://www.baidu.com/" , "800px*800px");
} catch (IOException e) {
e.printStackTrace();
}
}
截屏之后保存圖片：
2.圖片上添加文字(提供兩種實(shí)現(xiàn)
方法一：
public class DemoOne {
public static void main(String[] args) {
// 原文件地址
String filePath = "D:\\testPhoto\\1.png";
// 保存后文件地址：
String outPath = "D:\\testPhoto\\2.png";
drawTextInImg(filePath, "test", outPath, 60, 755, "black", 24.0f);//在圖片上加test
}
public static void drawTextInImg(String filePath, String text, String outPath,int left_n, int top_n,String color,float fsize) {
ImageIcon imgIcon = new ImageIcon(filePath);
Image img = imgIcon.getImage();
int width = img.getWidth(null);
int height = img.getHeight(null);
BufferedImage bimage = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
Graphics2D g = bimage.createGraphics();
int fontSize = (int)fsize; //字體大小
int rectX = left_n;
int rectY = top_n;
Font font = new Font("宋體",Font.BOLD, fontSize); //定義字體
g.setBackground(Color.white);
g.drawImage(img, 0, 0, null);
if("black".equals(color)){
g.setPaint(Color.black);
}else if("red".equals(color)){
g.setPaint(Color.red);
}
g.setFont(font);
g.drawString(text, rectX, top_n);
g.dispose();
try {
FileOutputStream out = new FileOutputStream(outPath);
ImageIO.write(bimage, "png", out);
out.close();
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
}
}
簡(jiǎn)單添加文字：
方法2：
public class DemoTwo {
public void addWaterMark(String srcImgPath, String tarImgPath, String waterMarkContent,Color markContentColor,Font font) {
try {
// 讀取原圖片信息
File srcImgFile = new File(srcImgPath);//得到文件
Image srcImg = ImageIO.read(srcImgFile);//文件轉(zhuǎn)化為圖片
int srcImgWidth = srcImg.getWidth(null);//獲取圖片的寬
int srcImgHeight = srcImg.getHeight(null);//獲取圖片的高
// 加水印
BufferedImage bufImg = new BufferedImage(srcImgWidth, srcImgHeight, BufferedImage.TYPE_INT_RGB);
Graphics2D g = bufImg.createGraphics();
g.drawImage(srcImg, 0, 0, srcImgWidth, srcImgHeight, null);
g.setColor(markContentColor); //根據(jù)圖片的背景設(shè)置水印顏色
g.setFont(font); //設(shè)置字體
//設(shè)置水印的坐標(biāo)
int x = srcImgWidth - 2*getWatermarkLength(waterMarkContent, g);
int y = srcImgHeight - 2*getWatermarkLength(waterMarkContent, g);
g.drawString(waterMarkContent, x, y); //畫出水印
g.dispose();
// 輸出圖片
FileOutputStream outImgStream = new FileOutputStream(tarImgPath);
ImageIO.write(bufImg, "png", outImgStream);
System.out.println("添加水印完成");
outImgStream.flush();
outImgStream.close();
} catch (Exception e) {
// TODO: handle exception
}
}
public int getWatermarkLength(String waterMarkContent, Graphics2D g) {
return g.getFontMetrics(g.getFont()).charsWidth(waterMarkContent.toCharArray(), 0, waterMarkContent.length());
}
public static void main(String[] args) {
Font font = new Font("微軟雅黑", Font.PLAIN, 35); //水印字體
String srcImgPath="D:\\testPhoto\\1.png"; //源圖片地址
String tarImgPath="D:\\testPhoto\\3.png"; //待存儲(chǔ)的地址
String waterMarkContent="2022北京冬奧會(huì)"; //水印內(nèi)容
Color color=new Color(135,206,235,128); //水印圖片色彩以及透明度
new WaterMarkUtils().addWaterMark(srcImgPath, tarImgPath, waterMarkContent,color,font);
}
}
添加之后圖片：
3.圖片下載到本地指定路徑
注意，這里的下載選擇目錄是通過設(shè)置響應(yīng)的contentType實(shí)現(xiàn)，并非通過前端標(biāo)簽實(shí)現(xiàn)。下載目錄選擇頁面如下(文件名可動(dòng)態(tài)設(shè)置)：
測(cè)試demo：
@RestController
public class DownLoad {
@GetMapping("/down")
public void down(HttpServletRequest request, HttpServletResponse response) throws IOException {
// 圖片所在服務(wù)器目錄
String filePath = "圖片所在服務(wù)器目錄";
// 創(chuàng)建文件對(duì)象
File file = new File(filePath);
FileInputStream fileInputStream = new FileInputStream(file);
//設(shè)置Http響應(yīng)頭告訴瀏覽器下載圖片,下載的圖片名也是在這里設(shè)置
response.setHeader("Content-Disposition", "attachment;Filename=自定義設(shè)置圖片名.png");
OutputStream outputStream = response.getOutputStream();
byte[] bytes = new byte[2048];
int len = 0;
while ((len = fileInputStream.read(bytes))>0){
outputStream.write(bytes,0,len);
}
fileInputStream.close();
outputStream.close();
}
}
總結(jié)
到此這篇關(guān)于springboot實(shí)現(xiàn)瀏覽器截屏并添加文字的文章就介紹到這了,更多相關(guān)springboot瀏覽器截屏內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
Java實(shí)現(xiàn)支付對(duì)接常用加密方式的示例代碼
這篇文章主要為大家詳細(xì)介紹了Java如何實(shí)現(xiàn)支付對(duì)接時(shí)常用加密方式，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)Java有一點(diǎn)幫助，需要的可以參考一下2023-02-02
在實(shí)際的開發(fā)中我們有可能會(huì)遇到?java調(diào)用?cmd命令的情況,這篇文章主要給大家介紹了關(guān)于Java調(diào)用CMD命令的方法與使用的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09
Java Collections集合繼承結(jié)構(gòu)圖_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了Java Collections集合繼承結(jié)構(gòu)圖_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理,需要的朋友可以參考下2017-04-04
這篇文章介紹的是Java中的引用類型和使用場(chǎng)景，主要內(nèi)容展開Java中的引用類型，有強(qiáng)引用、軟引用 、弱引用、虛引用,需要的朋友可以參考一下2021-10-10
使用fileupload組件實(shí)現(xiàn)文件上傳功能
這篇文章主要為大家詳細(xì)介紹了使用fileupload實(shí)現(xiàn)文件上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
java substring(a)與substring(a,b)的使用說明
這篇文章主要介紹了java substring(a)與substring(a,b)的使用說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-10-10
Kotlin 內(nèi)聯(lián)函數(shù)詳解及實(shí)例
這篇文章主要介紹了Kotlin 內(nèi)聯(lián)函數(shù)詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-06-06
SpringBoot@Profile注解和Spring?EL(多環(huán)境注入)
為了方便， Spring還提供了 Profile機(jī)制， 使我們可以很方便地實(shí)現(xiàn)各個(gè)環(huán)境之間的切換，在使用DI來依賴注入的時(shí)候,能夠根據(jù)@profile標(biāo)明的環(huán)境,將注入符合當(dāng)前運(yùn)行環(huán)境的相應(yīng)的bean,本文通過示例代碼介紹SpringBoot@Profile注解和Spring?EL,需要的朋友可以參考下2024-02-02
這篇文章主要幫助大家輕松掌握J(rèn)ava代理模式,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
java?使用BeanFactory實(shí)現(xiàn)service與dao層解耦合詳解
這篇文章主要介紹了java?使用BeanFactory實(shí)現(xiàn)service與dao層解耦合詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-12-12