无头浏览器生成图片

最新推荐文章于 2024-06-30 00:56:10 发布
最新推荐文章于 2024-06-30 00:56:10 发布
阅读量983 收藏
点赞数
分类专栏： java 文章标签： phantomjs.exe phantomjs.exe生成图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wq_wangqiang/article/details/92996838
版权

调用无头浏览器根据option生成echart的图片，主要用于系统后台任务生辰报表（PDF、word）格式

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.lang.reflect.InvocationTargetException;
import java.lang.reflect.Method;
import java.util.Date;

import org.xml.sax.SAXException;


import com.esafenet.ta.common.paramconfig.ParamConfig;
import com.esafenet.ta.util.StringUtil;
import com.github.abel533.echarts.Option;
import com.google.gson.Gson;
import com.sun.jna.Platform;

public class PhantomjsRender {
	// 如果要更换运行环境，请注意exePath最后的phantom.exe需要更改。因为这个只能在window版本上运行。前面的路径名  
    // 也需要和exePath里面的保持一致。否则无法调用  
//    private static String projectPath = System.getProperty("user.dir");
	
//    private static String jsPath = "../webapps/ta-server/jsp/da/auditReport/js/phantomjsrender.js"; //web项目找tomcat下的js
    								
    //phantomjs的exe文件路径
//    private static String exePath ="E:/phantomjs/phantomjs-2.1.1-windows/phantomjs-2.1.1-windows/bin/phantomjs.exe";
    
    public static void main(String[] args) throws IOException, SAXException, ClassNotFoundException, InstantiationException, IllegalAccessException, NoSuchMethodException, SecurityException, IllegalArgumentException, InvocationTargetException {
    	
        // 测试调用。传入url即可  
//    	String html = getParseredHtml2("http://localhost:8080/ta-server/auditreport/phanttomjsRender.pub");
//    	 CreatReportService cs = new CreatReportService();
//         Option option = cs.getPieOptionByOneDimensional();
    		Class<?> cla=Class.forName("com.esafenet.ta.da.auditreport.utils.CreatReportService");//根据类的全路径进行类加载，返回该类的Class对象
			Object   realClass= cla.newInstance();//产生这个Class类对象的一个实例，调用该类无参的构造方法，作用等同于new TestOne()
			 Method realtmethod = cla.getMethod("getPieOptionByOneDimensional");
			 @SuppressWarnings("unused")
			Option option =  (Option)  realtmethod.invoke(realClass);
//    			String html = getParseredHtml2("about:blank",option);
//    	        System.out.println("html: " + html);
    }
    /**
     * 将option渲染成图片返回存放路径
     * @param url
     * @param option
     * @return
     * @throws IOException
     */
    @SuppressWarnings("static-access")
	public String getParseredHtml2(String url,Option option) throws IOException {
    	String exePath = ParamConfig.getInstance().getValue("da.report.phantomjs.path", "E:/phantomjs/phantomjs-2.1.1-windows/phantomjs-2.1.1-windows/bin/phantomjs.exe");
    	System.out.println("在linux下执行无头浏览器时获取的phantomjs的路径"+exePath);
    	//  /E:/apache7/webapps/ta-ser+ver/jsp/da/auditReport/js/phantomjsrender.js
    	String jsPath = ParamConfig.class.getResource("/").getPath().replace("WEB-INF/classes/", "") + "jsp/da/auditReport/js/phantomjsrender.js";
    	System.out.println("在linux下执行无头浏览器时获取的phantomjsrender的路径"+jsPath);
    	if(Platform.isWindows()){
    		jsPath = jsPath.replaceFirst("/", "");
    	}
//    	jsPath = "../webapps/ta-server/jsp/da/auditReport/js/phantomjsrender.js"; //web项目找tomcat下的js
//    	jsPath="E:/apache7/webapps/ta-server/jsp/da/auditReport/js/phantomjsrender.js";
    	Runtime rt = Runtime.getRuntime();
        option.animation(false);
        Gson gson = new Gson();
		String json = gson.toJson(option);
//		String json = JSON.toJSONString(option);
//		json=json.replaceAll("\"", "\"sb110");
		System.out.println(json);
		Date date= new Date();
		String wqjson =  String.valueOf(date.getTime());
		StringUtil stringUtil = new StringUtil();
		json = stringUtil.toBase64StringNoWrap(json.getBytes("UTF-8"));
//		Base64 JAVA后台编码与JS前台解码（解决中文乱码问题）
//		http://blog.csdn.net/z798083517/article/details/74642781
//		json = java.net.URLEncoder.encode(json, "UTF-8");
		System.out.println(json);
        Process p = rt.exec(exePath + " " + jsPath + " " + url+ " " + json + " " + wqjson);

        InputStream is = p.getInputStream();
        BufferedReader br = new BufferedReader(new InputStreamReader(is));
        StringBuffer sbf = new StringBuffer();
        String tmp = "";
        while ((tmp = br.readLine()) != null) {
            sbf.append(tmp);
        }
        br.close();
        is.close();
        return sbf.toString();
    }
//    private String base64Encode(String str) throws Exception {  
//        if (str != null) {  
//            String os = System.getProperty("os.name");  
//            if (os.toLowerCase().startsWith("windows")) {  
//                str = str.replaceAll("\\r\\n", "<br/>");  
//            } else if (os.toLowerCase().startsWith("linux")) {  
//                str = str.replaceAll("\\n", "<br/>");  
//            }  
//            return new String(Base64.encodeBase64(str.getBytes("GBK")));  
//        }  
//        return null;  
//    } 
}

 

以下代码为无头浏览器调用的js代码


  var page = require('webpage').create();
  var system = require('system');
  var url;
//  phantom.outputEncoding="gb2312";
  phantom.outputEncoding="utf-8";
		  page.onConsoleMessage = function(msg) {
			    console.log(msg);
			};
	//phantom没有界面，所以也就不能处理alert窗口，但可以通过此接口捕获到alert。
	page.onAlert = function(msg) {
	    console.log('ALERT: ' + msg);
	};

	if (system.args.length === 1) {
		console.log("zhuijia canshu"); 
	    phantom.exit(1);
	} else {
		url = system.args[1];
//		data = 'title=expanding&name=42';
		data = 'json='+system.args[2]+'&name='+system.args[3];
		 
		 page.open(url,function(status) {  // page.open(url, 'post', data,function(status) {
			 page.injectJs('jquery.js');
			 page.injectJs('echarts-all.js');
		     if ( status === "success" ) {
//		    	   console.log("Page  load  ok"); 
//		    	   console.log($.parseJSON(system.args[2]));
		    	 var option = system.args[2];
		    	   var msg = page.evaluate(function(option) {
		    		   	 $(document.body).css('backgroundColor', 'white');
		    	         $(document.body).append("<div id='main' style='height:100%;width:100%;'></div>");
//		    	         $(document.body).append("<textarea id='echartOption' rows='30' cols='150' ></textarea>");
		    	         var myChart = echarts.init(document.getElementById('main'));
//		    	         option = {
//		    	        		 	animation:false,
//		    	        		    title : {
//		    	        		        text: '某站点用户访问来源',
//		    	        		        subtext: '纯属虚构',
//		    	        		        x:'center'
//		    	        		    },
//		    	        		    tooltip : {
//		    	        		        trigger: 'item',
//		    	        		        formatter: "{a} <br/>{b} : {c} ({d}%)"
//		    	        		    },
//		    	        		    legend: {
//		    	        		        orient : 'vertical',
//		    	        		        x : 'left',
//		    	        		        data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
//		    	        		    },
//		    	        		    toolbox: {
//		    	        		        show : true,
//		    	        		        feature : {
//		    	        		            mark : {show: true},
//		    	        		            dataView : {show: true, readOnly: false},
//		    	        		            magicType : {
//		    	        		                show: true, 
//		    	        		                type: ['pie', 'funnel'],
//		    	        		                option: {
//		    	        		                    funnel: {
//		    	        		                        x: '25%',
//		    	        		                        width: '50%',
//		    	        		                        funnelAlign: 'left',
//		    	        		                        max: 1548
//		    	        		                    }
//		    	        		                }
//		    	        		            },
//		    	        		            restore : {show: true},
//		    	        		            saveAsImage : {show: true}
//		    	        		        }
//		    	        		    },
//		    	        		    calculable : true,
//		    	        		    series : [
//		    	        		        {
//		    	        		            name:'访问来源',
//		    	        		            type:'pie',
//		    	        		            radius : '55%',
//		    	        		            center: ['50%', '60%'],
//		    	        		            data:[
//		    	        		                {value:335, name:'直接访问'},
//		    	        		                {value:310, name:'邮件营销'},
//		    	        		                {value:234, name:'联盟广告'},
//		    	        		                {value:135, name:'视频广告'},
//		    	        		                {value:1548, name:'搜索引擎'}
//		    	        		            ]
//		    	        		        }
//		    	        		    ]
//		    	        		};
		    	         function Base64() {
		    	        	 
		    	        	    // private property
		    	        	    _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
		    	        	 
		    	        	    // public method for encoding
		    	        	    this.encode = function (input) {
		    	        	        var output = "";
		    	        	        var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
		    	        	        var i = 0;
		    	        	        input = _utf8_encode(input);
		    	        	        while (i < input.length) {
		    	        	            chr1 = input.charCodeAt(i++);
		    	        	            chr2 = input.charCodeAt(i++);
		    	        	            chr3 = input.charCodeAt(i++);
		    	        	            enc1 = chr1 >> 2;
		    	        	            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
		    	        	            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
		    	        	            enc4 = chr3 & 63;
		    	        	            if (isNaN(chr2)) {
		    	        	                enc3 = enc4 = 64;
		    	        	            } else if (isNaN(chr3)) {
		    	        	                enc4 = 64;
		    	        	            }
		    	        	            output = output +
		    	        	            _keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
		    	        	            _keyStr.charAt(enc3) + _keyStr.charAt(enc4);
		    	        	        }
		    	        	        return output;
		    	        	    }
		    	        	 
		    	        	    // public method for decoding
		    	        	    this.decode = function (input) {
		    	        	        var output = "";
		    	        	        var chr1, chr2, chr3;
		    	        	        var enc1, enc2, enc3, enc4;
		    	        	        var i = 0;
		    	        	        input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
		    	        	        while (i < input.length) {
		    	        	            enc1 = _keyStr.indexOf(input.charAt(i++));
		    	        	            enc2 = _keyStr.indexOf(input.charAt(i++));
		    	        	            enc3 = _keyStr.indexOf(input.charAt(i++));
		    	        	            enc4 = _keyStr.indexOf(input.charAt(i++));
		    	        	            chr1 = (enc1 << 2) | (enc2 >> 4);
		    	        	            chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
		    	        	            chr3 = ((enc3 & 3) << 6) | enc4;
		    	        	            output = output + String.fromCharCode(chr1);
		    	        	            if (enc3 != 64) {
		    	        	                output = output + String.fromCharCode(chr2);
		    	        	            }
		    	        	            if (enc4 != 64) {
		    	        	                output = output + String.fromCharCode(chr3);
		    	        	            }
		    	        	        }
		    	        	        output = _utf8_decode(output);
		    	        	        return output;
		    	        	    }
		    	        	 
		    	        	    // private method for UTF-8 encoding
		    	        	    _utf8_encode = function (string) {
		    	        	        string = string.replace(/\r\n/g,"\n");
		    	        	        var utftext = "";
		    	        	        for (var n = 0; n < string.length; n++) {
		    	        	            var c = string.charCodeAt(n);
		    	        	            if (c < 128) {
		    	        	                utftext += String.fromCharCode(c);
		    	        	            } else if((c > 127) && (c < 2048)) {
		    	        	                utftext += String.fromCharCode((c >> 6) | 192);
		    	        	                utftext += String.fromCharCode((c & 63) | 128);
		    	        	            } else {
		    	        	                utftext += String.fromCharCode((c >> 12) | 224);
		    	        	                utftext += String.fromCharCode(((c >> 6) & 63) | 128);
		    	        	                utftext += String.fromCharCode((c & 63) | 128);
		    	        	            }
		    	        	 
		    	        	        }
		    	        	        return utftext;
		    	        	    }
		    	        	 
		    	        	    // private method for UTF-8 decoding
		    	        	    _utf8_decode = function (utftext) {
		    	        	        var string = "";
		    	        	        var i = 0;
		    	        	        var c = c1 = c2 = 0;
		    	        	        while ( i < utftext.length ) {
		    	        	            c = utftext.charCodeAt(i);
		    	        	            if (c < 128) {
		    	        	                string += String.fromCharCode(c);
		    	        	                i++;
		    	        	            } else if((c > 191) && (c < 224)) {
		    	        	                c2 = utftext.charCodeAt(i+1);
		    	        	                string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
		    	        	                i += 2;
		    	        	            } else {
		    	        	                c2 = utftext.charCodeAt(i+1);
		    	        	                c3 = utftext.charCodeAt(i+2);
		    	        	                string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
		    	        	                i += 3;
		    	        	            }
		    	        	        }
		    	        	        return string;
		    	        	    }
		    	        	}         
		    	         
		    	         var b = new Base64();  
		    	         option = b.decode(option);
//		    	         document.getElementById('main').innerHTML= option;
//		    	         option = '{"color":["rgb(51, 51, 51)"],"calculable":true,"animation":false,"toolbox":{"feature":{"mark":{"show":true,"title":{"markUndo":"删除辅助线","markClear":"清空辅助线","mark":"辅助线开关"},"lineStyle":{"color":"#1e90ff","type":"dashed","width":2}},"magicType":{"show":true,"title":{"bar":"柱形图切换","stack":"堆积","tiled":"平铺","line":"折线图切换"},"type":["bar","line","stack","tiled"]},"restore":{"show":true,"title":"还原"},"saveAsImage":{"show":true,"title":"保存为图片","type":"png","lang":["点击保存"]}},"orient":"vertical","show":true,"x":"right","y":"center"},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"legend":{"data":["数量"],"padding":20},"xAxis":[{"type":"category","axisLabel":{"interval":0,"rotate":15},"data":["小黑2","蓝胖2","斧王2","幻影2","王强2"]}],"yAxis":[{"type":"value"}],"series":[{"name":"数量","type":"bar","data":["25","25","25","25","3"]}]}';
		    	         
		    	         myChart.setOption(JSON.parse(option));
//		    	         myChart.setOption(JSON.parse(option.replace(/sb110/g,'"')),true);//$.parseJSON(option)
//		    	         $("#echartOption").val(myChart.getDataURL("png"));
//		    	         return myChart.getDataURL("png");
		    	   },option);
		    	  
		    	   page.render("esafenet/images/pdfechart"+system.args[3]+".png");
//		        console.log(page.title); 
//		        var sss = page.content;
		        console.log("esafenet/images/pdfechart"+system.args[3]+".png");
		     } else {
		        console.log("Page failed to load."); 
		     }
		    phantom.exit(0);
		    
		  });
	}
			
 
  
  
  
//Example using HTTP POST operation   post提交

//  "use strict";
//  var page = require('webpage').create(),
//      server = 'http://posttestserver.com/post.php?dump',
//      data = 'universe=expanding&answer=42';
//
//  page.open(server, 'post', data, function (status) {
//      if (status !== 'success') {
//          console.log('Unable to post!');
//      } else {
//          console.log(page.content);
//      }
//      phantom.exit();
//  });

  
//Example using HTTP POST operation  post提交传json

//  "use strict";
//  var page = require('webpage').create(),
//      server = 'http://posttestserver.com/post.php?dump',
//      data = '{"universe": "expanding", "answer": 42}';
//
//  var headers = {
//      "Content-Type": "application/json"
//  }
//
//  page.open(server, 'post', data, headers, function (status) {
//      if (status !== 'success') {
//          console.log('Unable to post!');
//      } else {
//          console.log(page.content);
//      }
//      phantom.exit();
//  });

//输出信息
//  page.onResourceRequested = function (req) {
//  console.log('requested: ' + JSON.stringify(req, undefined, 4));
//      }; 
//
//page.onResourceReceived = function (res) {
//console.log('received: ' + JSON.stringify(res, undefined, 4));
//  }; 
  
  
//var s = helloworldService.sayHello("wwww");  
//console.log(s);
//将page转存为图片
// page.render("D:/test/wwqq.html");

 //将page转存为pdf
//  page.paperSize = { format: 'A4',
//      orientation: 'portrait',
//      border: '1cm' };
//  page.render("wwqq.pdf");

 // 下面为无效代码，测试用的
//  var content = page.evaluate(function () {
//      var element = document.getElementsByTagName('html');
//      return element.textContent;
//  });
//  console.log(content);

 

王小强-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
selenium3使用谷歌无头浏览器、截图
大大大大大大白的博客
01-08 4871
无头浏览器即为Headless Browser，是没有图形用户界面的web浏览器，通常是通过编程或命令行界面来控制。 在正常使用selenium的时候，你必须担心CPU和/或内存的使用。这两种方式都与必须从被请求的URL中显示显示的图形的浏览器相关联。 当使用一个无头的浏览器时，我们不用担心这个。因此，我们可以预期我们编写的脚本的内存消耗会降低，执行速度也会更快。当有的人说，那我没法看到浏览器响应...
轻松自动无头浏览器测试由KarmaWebpackJasmine提供支持
08-07
标题 "轻松自动无头浏览器测试由KarmaWebpackJasmine提供支持" 暗示了我们正在探讨一个关于自动化测试的方案，特别强调了无头浏览器、Karma、Webpack和Jasmine这四个关键组件。让我们逐一深入理解这些技术，并讨论...
无头模式下selenium实现长截图（Java版本）
diaojian66的博客
07-27 1995
selenium实现长截图（Java版本）
什么是无头浏览器？
最新发布
06-30 562
简而言之，无头浏览器是没有图形用户界面 （GUI） 的 Web 浏览器。GUI 包括用户与之交互的数字元素，例如按钮、图标和窗口。但是，关于无头浏览器，您需要了解的还有很多。
利用selenium无头浏览器+lxml抓取JS加载图片漫画图片信息
simple_code
11-18 437
from selenium import webdriver # 导入自动化工具包 from selenium.webdriver.chrome.options import Options # 无头浏览器配置 chrome_options = Options() chrome_options.add_argument('--headless') chrome_options.add_a...
python把html页面生成图片_[Python] 怎么把HTML的报告转换为图片，利用无头浏览器...
weixin_39744316的博客
12-04 333
How to convert HTML Report to picture format in Email? So that we can see the automation report also at home or on mobile phone anywhere.We tried to use phantomJs to get the full-page screenshot of HT...
无头浏览器 html5定位,PhantomJS-无头浏览器的妙用
weixin_42301080的博客
06-10 431
原标题：PhantomJS-无头浏览器的妙用大家平时在做一些功能自动化、接口自动化测试的时候，肯定都遇到过这样的问题：需要先登录判断用户权限才能进行下一步动作。简单来说，你要验证一个获取用户个人信息的接口，那么你必须先进行登录操作获取登录态。通常一个不怎么聪明的做法是从浏览器中复制一份cookie，在接口测试请求request中附上cookie来获取登录态，但这样做的一个弊端是不能动态获取cook...
在浏览器中直接生成 PDF
weixin_33698043的博客
07-23 388
well, 如果有人在准备开发一个浏览器端的 PDFCreator，那么，你需要知道的是，已经有人在这么做了。不过，他的做法显然更靠谱一些——先开发一个可以将基本元素放入 PDF 的库。太简单？no！no！这个已经可以做很多事了，不是吗？事情难道不都是从简单到难的吗？这才是发展之道。给他点个赞！ 同时，记录在这里，也是做个备忘。可以用来，生成票据凭证、账单、报告巴拉巴拉～ github：htt...
java:将html生成图片的所有方法比较
01-11
- 优点：利用无头浏览器，如Chrome的`--headless`模式，可以在后台快速高效地生成图片，结果与实际浏览器一致，支持现代Web技术。 - 缺点：需要安装额外的浏览器，并且可能有版本更新的问题。内存和CPU使用率可能...
jvppeteer：Java专用无头Chrome（Java爬虫）
02-01
您可以在浏览器中手动执行的内置操作都可以使用Jvppeteer来完成！下面是一些示例： 生成页面PDF。 抓取SPA（单页应用）并生成预渲染内容（即“ SSR”（服务器端渲染））。 自动提交表单，进行UI测试，键盘输入等。 ...
网页生成图片
08-18
4. **PhantomJS/CasperJS**: 这些是基于Webkit的无头浏览器，能够完整渲染页面并捕获全屏截图。对于复杂的网页，这些工具可能提供更准确的结果，但它们的体积较大，且需要服务器环境。 5. **Puppeteer**: Google ...
chrome:来自 PHP 的仪器无头ChromeChrome实例
08-05
Chrome PHP 这个库让你可以从 PHP 以无头模式开始玩 chrome/chromium。 可以同步和异步使用！ 特征 从php打开chrome或chrome浏览器 创建页面并导航到页面 截屏 评估页面中的 javascript 制作PDF 模拟鼠标 模拟键盘 始终对 IDE 友好 浏览愉快！ 要求 需要 PHP 7.3-8.0 和 chrome/chromium 65+ 可执行文件。 请注意，该库仅在 Linux 上进行了测试，但与 MacOS 和 Windows 兼容。 安装 该库可以与 Composer 一起安装，并且可以在下的 packagist 上找到： $ composer require chrome-php/chrome 用法 它使用简单易懂的 API 来启动 Chrome、打开页面、截取屏幕截图、抓取网站……以及您作为人类可以使用 chrome 执行的
phantomjs-2.1.1-windows和echarts-convert
12-04
echarts-convert.js和PhantomJS工具 PhantomJs （1）一个基于webkit内核的无头浏览器，即没有UI界面，即它就是一个浏览器，只是其内的点击、翻页等人为相关操作需要程序设计实现。 （2）提供javascript API接口，即通过编写js程序可以直接与webkit内核交互，在此之上可以结合java语言等，通过java调用js等相关操作，从而解决了以前c/c++才能比较好的基于webkit开发优质采集器的限制。 （3）提供windows、linux、mac等不同os的安装使用包，也就是说可以在不同平台上二次开发采集项目或是自动项目测试等工作。
Java利用Phantomjs实现生成图片的功能
10-15
在Java中使用PhantomJS生成图片，主要是借助PhantomJS提供的API来实现网页的渲染和截图。这个过程通常包括以下步骤： 1. **安装PhantomJS**：首先需要从官方网站下载对应操作系统的PhantomJS版本，并将其添加到系统...
如何用SpringBoot+Thymeleaf+Echart生成好看的柱状图，折线图，饼状图
stalin_的博客
03-12 2449
上篇文章我们用POI技术读取Excel并生成了相应的图表。但是实际的效果比较一般，因为本身WPS生成图表就比较简单，如果用程序操作远比人工耗时费力，效果远不如一些付费模板。如下图所示： 然后我就想到前端不是有一个简单易上手的Echart.js是专门做图表。所以就用它去做图表生成，后台数据解析还是用springBoot+Ajax+POI工具类。这样实现的效果就会好看和实用很多。来看一下效果图。 1、首先新建一个xls统计表。 2、数据填充 其中需要注意的是js依赖文件可以本地下载好引用本地。–适用于内
ECharts3笔记--使用Java快速开发ECharts图表
热门推荐
Jingqingmo的博客
08-17 1万+
推荐资源：https://github.com/abel533/ECharts      本项目是一个供Java开发使用的ECharts的开发包，主要目的是方便在Java中构造ECharts中可能用到的全部数据结构，如完整的结构Option。Option中的数据Series，包含Bar-柱状图，Line-折线图，Pie-饼图，Chord-和弦图等，支持ECharts中的所有图表。支持所有的St...
java后台生成echarts图表并保存图片到本地
LeeWay19940201的博客
01-10 1298
由于网上资料数据都是写死的，实际代码中的数据肯定需要后台查询出来，我根据自己的理解和网上的代码参考，终于完成了java生成图表的功能，写在这里给大家一个参考。 效果图： 准备工作： 工具下载： 链接：https://pan.baidu.com/s/1NX9pf77SlEtU_QdKMn3_Ow 提取码：wli7 echarts-convert.js PhantomJS工具 PhantomJS配置环境变量 上代码： 依赖 <!--导出echarts图片--> <dependenc
Java服务端使用freemarker+wkhtmltoimage生成Echart图片
韩云川的博客
01-25 893
如果生成的图片和原html不一样,或转化错误,可以尝试将js或css代码改为较原始的版本.wkhtmltopdf / wkhtmltoimage 官网已经。2.1 下载 wkhtmltoimage。FreeMarker 中文官方参考手册。
JAVA后台生成echarts并截图发送钉钉之解决方案
coolcoffee168的专栏
03-19 5174
由于业务需要，需要java后台定时的生成图表并发送钉钉。在网上搜索了半天，没发现非常好的解决方案。从echarts-java中得到启发，可以定义一个html模板，将图表先画好了，再通过java输入输出流读取html模板内容（如果需要后台数据，则此时可以做数据动态载入）重新生成生成html页面，html页面挺好，还可以对图表进行各种操作。想保存为图片的话，可以用Phantomjs打开本地网页进行截图...
使用JavaScript检测无头浏览器的方法
监听图片加载事件，如果大量图片加载失败，可能是无头浏览器。 这些检测方法并非总是100%准确，因为开发者可能会修改无头浏览器的行为以避免被检测到。因此，通常需要结合多种检测手段来确定是否为无头浏览器。在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值