基于Electon的图片采集工具是怎样的,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。工具的界面是这样的,上面是一些导出数据,提交到服务器的操作,还有输入URL的输入框,下面主要是爬取结果的呈现区域。技术架构:Electron+Nodejs1实现思路:1.1 监听webview事件,注入js代码主要用了这个api:如:1.2 遍历HTML中的图片URL这里要注意,有很多网站把图片写到了background-image里,而不是用img标签。所以得2者结合。获取所有img标签的图片:body.images获取background-image的图片,这个需要用到window.getComputedStyle,通过css属性来获取。1.3 返回获取的结果electron往webview中注入的代码可以通过return返回,也可以通过在注入代码中写入:在渲染进程中,通过:接收结果。
2一些经验心得:2.1 ES6的模板字符串template stringselectron 支持ES6,ES6引入了一种新型的字符串字面量语法,我们称之为模板字符串。除了使用反撇号字符 ` 代替普通字符串的引号 ‘ 或 ” 外,它们看起来与普通字符串并无二致。在最简单的情况下,它们与普通字符串的表现一致:与普通字符串不同的是,模板字符串可以多行书写:非常适合写注入的js代码哈~2.2 electron的加密由于electron打包后的程序都是直接暴露源代码的,就在resources文件夹里的app文件夹。我们可以借助asar,加密我们的源代码全局安装:把resources里的app文件夹打包为app.asar发现个坑,通过asar加密后的node_modules中有些库引用不了,所以我调整了下打包方式,把node_modules跟我的代码分开存放,比如把spider文件夹整体打包为spider.asar,这样的话需要在package.json中改下:就可以正常引用node_modules里的库了。3基于图片的功能拓展图片抓取到后,我们可以基于图片做一些拓展功能。比如:3.1 保存所有图片到本地碰到一个很好的素材网站,想一口气全部图片下载下来,可以用到这个功能,这个比较简单,用一个nodejs的库image-downloader,把url全部下载下来即可。3.2 分析图片的主色调这里用到另一个nodejs库,node-vibrant,可以提取出图片的主要颜色,还有百分比。我们可以把bahance上最近半年比较热门的项目的图片取下来,然后分析她们的颜色,做一个色彩趋势报告。3.3 图片素材库作为我最近做的人工智能设计师DIY一个人工智能设计师_v0.0.1的图片素材库。这个时候要增加一个标记内容,就是自动识别图片的内容,作为图片的关键词,以方便人工智能设计师进行智能匹配。这边可以调用clarifai的图像识别api:安装Nodejs使用clarifai识别
识别效果可以见上图中的标签部分,我就是通过这个api自动打标签的。关于基于Ele 香港云主机cton的图片采集工具是怎样的问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注开发云行业资讯频道了解更多相关知识。
相关推荐: SparkSQL怎么连接开启Kerberos认证的Phoenix
SparkSQL怎么连接开启Kerberos认证的Phoenix,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。 SparkSQL可以与HBase交互,比如说通过jdbc,但是实际使用时,一般是…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。