前端开发——图片标注工具

游戏开发。最终,向UI对付它,无论您是计划,试,or 前端程序猿。

下面推荐两款UI可以使用的布局工具。

一 MarkMan

下载链接:http://www.getmarkman.com/

Adobe公司的。安装之前须要先安装Adobe Air

1 能够量水平距离和垂直距离,单位:像素(px)

2 获取一个点的的坐标,坐标原点为左上角

3 获取一个点的颜色,十六进制RGB

4 能够对图片加入标注。能够删除标注

5 能够总体放大图片,然后操作,操作更精准

免费体验版不能保存标准等信息

界面清爽,窗体大小也能够随意,并且是扩平台的,唯一的缺点就是不全然免费;

以下是是一些截图:

(1) icon截图

(2)开启界面截图

(3)软件截图

当中打开的图片是前面截的icon

二 Dorado

下载地址:http://cdc.tencent.com/?p=3268

1 能够量水平距离和垂直距离。单位:像素(px),同样

2 获取一个点的颜色。十六进制RGB

3 能够对图片加入标注,不能够删除,可是能够隐藏显示标准

Dorado在选择事实上点的时候都有放大功能,这使得选择的点更加精确;

可是这个工具仅仅有windows的,并且界面仅仅支持最大化和微窗体,整体感觉没有MarkMan好用。

可是,全然免费。

以下是是一些截图:

(1) icon截图

(2)开启界面截图

(3)软件截图

当中打开的图片是前面截的icon

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveHVmZW5nMDk5MQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >

(4)微窗体

版权声明:本文博主原创文章。博客,未经同意不得转载。

时间: 2024-10-11 07:01:59

前端开发——图片标注工具的相关文章

前端开发自动化工作流工具:JavaScript自动化构建工具grunt、gulp、webpack介绍

前端开发自动化工作流工具,JavaScript自动化构建工具grunt.gulp.webpack介绍 前端自动化,这样的一个名词听起来非常的有吸引力,向往力.当今时代,前端工程师需要维护的代码变得及为庞大和复杂,代码维护.打包.发布等流程也变得极为繁琐,同时浪费的时间和精力也越来越多,当然人为的错误也随着流程的增加而增加了更多的出错率.致使每一个团队都希望有一种工具,能帮助整个团队在开发中能精简流程.提高效率.减少错误率.随之讨论自动化部署也越来越多,并且国内很多大型团队也都有自己成熟的自动化部

常用的前端开发插件与工具合集

常用的前端开发插件与工具合集 Font Awesome字体图标插件 Font Awesome的矢量图标,将使您的网站在视网膜级的高分屏上大放异彩. 完美兼容其它框架 尽管是为Bootstrap设计,但Font Awesome同样能与其它框架完美协同运作. Font Awesome https://fontawesome.com/ SweetAlert系列(数据Ajax)插件 SweetAlert 是 JavaScript 原生 'alert' 弹窗的完美替代品... SweetAlert 让弹窗

用java的swing写了个图片标注工具

功能说明: 1 鼠标单击:选取裁剪区域 2 鼠标双击:选取裁剪区域,并把裁剪区域保存为文件,同时把区域中心点的坐标保存 3 打开图片:从某个文件夹打开图片并显示,同时把该目录的所有图片的路径载进来.这个功能主要是针对这么种情况, 假如处理某个文件夹的图片集,在某一张终止了或者暂停了,下一次要从这种图片开始. 4 保存坐标:把裁剪区域保存为文件,同时把区域中心点的坐标保存 5 打开目录:把该目录的所有图片的路径载进来. 6 下一张:展示下一张图片. 常见用法: 1 "打开目录",这时会将

Mac 10.12安装图片标注工具PxCook

说明:现在基本是PxCook最好用,其余都是收费的,并且支持Android标注dp,主要是用于App开发时坐标定位,求到比例等等. 下载: (链接: https://pan.baidu.com/s/1pLR1A4r 密码: pc2s)

图片标注工具LabelImg使用教程

1.进入labelImg-master文件夹,在空白处使用 "Shift+鼠标右键" ,选择在此处打开命令窗口,依次输入下面语句即可打开软件. pyrcc4 -o resources.py resources.qrc python labelImg.py 2.使用方法 - 修改XML文件保存位置,使用快捷键 "Ctrl+R" ,改为自定义位置,这里的路径一定不能包含中文,否则无法保存. - 源码文件夹中使用notepad++打开data/predefined_cla

前端开发,在工具配置时可能出现的问题

我用的是windows环境 一毕要环境: 1:nodejs 官网:https://nodejs.org/en/ 2:由于很多国外网站国内都访问不了(如果没有设置会出现很多奇怪的错误),所有必需FQ 我用的是淘宝的:http://npm.taobao.org/ 3:python https://www.python.org/ 4:Visual C++ 2010 Express(如果你装了vs 这一步可以省) https://www.visualstudio.com/zh-cn/products/v

前端开发中常用工具函数总结

1.时间格式化等方法 推荐使用 moment.js 的库文件 3.模板.循环.MAP等方法使用 underscode.js 的方法 4.表单序列化成JSON $.fn.serializeJson = function() { var serializeObj = {}; var array = this.serializeArray(); var str = this.serialize(); $(array).each(function() { if (serializeObj[this.na

web前端开发的好工具sublime

sublime是一款文本编辑器,但是他集合众多插件之后他就能够成为一款强大IDE 接下来介绍下如何进行安装和基本使用 先去官网下载sublime https://www.sublimetext.com/3 3126对应注册码有 http://www.jianshu.com/p/04e1b65dd2c0 http://www.cnblogs.com/historymemory/p/6679553.html 点击help-enter license就好了 安装package control 现在网上

Web 前端开发环境

创建 Web 前端开发环境 Web 前端开发涉及多种工具,这里将常用工具的安装和配置进行说明,提供了详细的说明,为后继的开发创建一个坚实的基础. 本文介绍的工具有:NodeJS, NPM, Bower, Git 和 Grunt. 1. 安装 NodeJS 和 NPM 一切从 NodeJS 开始吧,官方网址:https://nodejs.org/ NodeJS 既可以为我们提供一个服务器端的 Web 环境,又可以提供一个命令行的工具,既然做 Web 前端开发,那就是我们必然选择的工具了. 为了解决