精华内容
下载资源
问答
  • windows下使用labelImg标注图像

    万次阅读 多人点赞 2018-12-29 17:04:53
    工作中遇到一个更好用的标注软件,速度快,操作...用于深度网络训练的数据集做标注的方法和工具有好多,像Labelme、labelImg、yolo_mark、Vatic、Sloth等等,此处暂时只介绍其中的一种标注工具:labelImg。等到后期...

           工作中遇到一个更好用的标注软件,速度快,操作方便,分享一下:

    https://blog.csdn.net/python_pycharm/article/details/102685591

    用于深度网络训练的数据集做标注的方法和工具有好多,像Labelme、labelImg、yolo_mark、Vatic、Sloth等等,此处暂时只介绍其中的一种标注工具:labelImg。等到后期熟悉其他的标注工具会一一介绍。废话不多说,直接进入正题!

           此篇先介绍在windows下使用已经编译好的labelImg。

      一、labelImg工具下载:

             下载地址:链接:链接:https://pan.baidu.com/s/1yk8ff56Xu40-ZLBghEQ5nw 
              提取码:vj8f 

             下载的文件是编译好的,可执行的labelImg.exe文件。直接将文件放在windows环境下,双击可执行。

                                                 

     二、labelImg工具使用方法:

           1.双击labelImg执行文件图标,会出现操作界面:

           

           出现这样的窗口界面,说明labelImg已经正常开启,背景黑色的窗口是终端界面,不要理会.......

           在labelImg窗口的左边,有一些操作的功能,其中:“Open”是打开单个图像,“Open Dir” 打开文件夹,"Change Save Dir" 

           图像保存的路径,“Next Image” 切换到下一张图像,“Prev Image”切换到上一张图像,“Verify Image”校验图像,“Save”

           保存图像,“Create RectBox”画标注框一个,“Duplicate RectBox”重复标注框,“Delete RectBox”删除标注框,“Zoom In”

           放大图像,“Zoom Out” 缩小图像,“Fit Window”图像适用窗口,“Fit Width”图像适应宽度。

           当然,使用操作按钮不是很方便,下面介绍一些快速的快捷键,为无聊的标注工作节省一些时间。

           Hotkeys:

    ctrl +Q退出软件ctrl + -缩小
    ctrl + oopenfilectrl + =原始大小
    ctrl + uopenDirctrl + Ffitwindow
    ctrl + rChangeSaveDirctrl + E编辑标签
    ctrl + s保存ctrl + shift + o打开的文件夹只显示.xml文件
    ctrl + LboxlineColorctrl + shift + s 
    ctrl + Jmove and edit Boxesctrl + shift + FfitWidth
    ctrl + D复制框dnextImg
    ctrl + H隐藏所有的框apreImg
    ctrl + A显示所有的框space标记当前图片已标记
    ctrl + +放大w画框
      Delete删除框

       三、开始图像数据标注:

             一般操作的顺序:“open file ”  -----"create rectbox " -----"输入类别名称 "-----“change save dir ”-----"Save"

             最后在保存文件的路径下生成.xml文件,.xml文件的名字是和标注照片的名字一样,如果要修改已经标注过

             的图像,.xml中的信息也会随之改变。得到的.xml 和PASCAL VOC所用格式一样!

                     

                                                        

           

             文章到这里,关于labelImg工具的使用基本结束了,要是你想在Linux系统、Ubantu、或者是MAC系统中使用labelImg,

             可以参考一个教程:https://github.com/tzutalin/labelImg/ 

             这个项目里有具体的安装和使用教程,亲可以去实践一下。本人最近在做深度学习方面的工作,有正在从事或者想做这

             方面工作的朋友,可以留言共同交流。好的东西之所以能成为好,不是它本身有多好,而是在于它能被分享。

       

       

     

     

     

     

     

     

     

     

     

     

     

     

     

     

          

     

     

     

    展开全文
  • 实现div里的img图片水平垂直居中

    万次阅读 多人点赞 2017-03-31 09:53:09
    img src="1.jpg" alt="haha"> </div> </body>方法一: 将display设置成table-cell,然后水平居中设置text-align为center,垂直居中设置vertical-align为middle。<style ...

    body结构

    <body>
    	<div>
    		<img src="1.jpg" alt="haha">
    	</div>
    </body>
    

    方法一:
    将display设置成table-cell,然后水平居中设置text-align为center,垂直居中设置vertical-align为middle。

    <style type="text/css">
    	*{margin: 0;padding: 0;}
        div{
    		width:150px;
    		height: 100px;
    		display: table-cell;
    		vertical-align: middle;
    		text-align: center;
    		border:1px solid #000;
    	}
    	img {
            width: 50px;
      		height: 50px;
    	}
    </style>
    

    结果如下图所示:
    这里写图片描述

    方法二:
    通过position定位来实现。将div设置成相对定位relative,将img设置成绝对定位absolute,left:50%,top:50%,此时图片的左上角位于div的中心,要是图片的中心位于div的中心,就需要将图片向上移动图片高度的一半,并向左移动图片宽度的一半。

    <style type="text/css">
    	*{margin: 0;padding:0;}
    	div{
    		width:150px;
    		height: 100px;
    		position: relative;
    		border:1px solid #000;
    	}
    	img {
      		width: 50px;
      		height: 50px;
      		position: absolute;
      		top: 50%;
    		left: 50%;
      		margin-top: -25px; /* 高度的一半 */
      		margin-left: -25px; /* 宽度的一半 */
    	}
    </style>
    

    结果如下图所示:
    这里写图片描述


    很久以前的文章了,看到浏览量这么高,我再补充几种实现方法

    方法三:可以用在不清楚图片图片或元素的真实宽高情况下
    还是通过position定位来实现。将div设置成相对定位relative,将img设置成绝对定位absolute,left:50%,top:50%,此时图片的左上角位于div的中心,要是图片的中心位于div的中心,就需要将图片向上移动图片高度的一半,并向左移动图片宽度的一半,如果不知道元素的宽高,可以用transform: translate(-50%,-50%);

    <style type="text/css">
        *{margin: 0;padding:0;}
        div{
            width:150px;
            height: 100px;
            position: relative;
            border:1px solid #000;
        }
        img {
            width: 50px;
            height: 50px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
    </style>
    

    方法四:

    <style type="text/css">
        *{margin: 0;padding:0;}
        div{
            width:150px;
            height: 100px;
            position: relative;
            border:1px solid #000;
        }
        img {
            width: 50px;
            height: 50px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }
    </style>
    

    方法五:弹性布局flex

    <style type="text/css">
        *{margin: 0;padding:0;}
        div{
            width:150px;
            height: 100px;
            border:1px solid #000;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        img {
            width: 50px;
            height: 50px;
        }
    </style>
    

    效果都一样,希望能帮到大家!

    读后有收获并有兴趣的可以微信打赏哈哈:
    在这里插入图片描述

    展开全文
  • HTML如何让IMG自动适应DIV容器大小

    万次阅读 多人点赞 2018-05-22 12:21:12
    为了让IMG自适应大小,如下我做了一个横向自适应的示例: IMG样式(横向拉伸,纵向自动匹配大小) DIV样式(元素居中显示) IMG样式(横向拉伸,纵向自动匹配大小) width:100%; ...

    HTML如何让IMG自动适应DIV容器大小

    为了让IMG自适应大小,如下我做了一个横向自适应的示例:

    • IMG样式(横向拉伸,纵向自动匹配大小)
    • DIV样式(元素居中显示)

    IMG样式

    (横向拉伸,纵向自动匹配大小)

    	width:100%;
    	height:auto;
    

    (纵向拉伸,横向自动匹配大小)

    	width:auto;
    	height:100%;
    

    DIV样式(元素居中显示)

    	display:flex;
    	align-items:center; 
    	justify-content:center;
    

    示例代码

    如下是两个大小和比例都不同的图片,应用这个方法可以让图片自动填充并居中显示

    <html>
    <head>
    <title>让图片自动适应DIV容器大小</title>
    <style>
    .ShaShiDi{
    width:500px;
    height:400px;
    display:flex;
    align-items:center;
    justify-content:center;
    			/*为了效果明显,可以将如下边框打开,看一下效果*/
    			/* border:1px solid black; */
    }
    
    .ShaShiDi img{
    	width:100%;
    	height:auto;
    }
    
    </style>
    </head>
    <body>
    	<div class="ShaShiDi">
    		<img src="./1.png"/>
    	</div>
    	<div class="ShaShiDi">
    		<img src="./2.png"/>
    	</div>
    </body>
    </html>
    

    展开全文
  • 【Vue】vue中img的src属性绑定问题

    万次阅读 多人点赞 2018-07-31 19:52:55
    问题:img的src属性填写的图片地址,可以正常渲染,但是一旦利用绑定:src属性的时候,图片就加载失败了 需求:鼠标移入切换图片 上一位前端小哥哥,没做这个交互,我接手后加上去,很简答的交互,我替换图片的...

    问题:img的src属性填写的图片地址,可以正常渲染,但是一旦利用绑定:src属性的时候,图片就加载失败了
    需求:鼠标移入切换图片

    这里写图片描述
    上一位前端小哥哥,没做这个交互,我接手后加上去,很简答的交互,我替换图片的时候准备三元判断,src需要属性绑定,于是发现同样的地址,我放上去图片就是加载不出来,图片加载不出来,那肯定是地址问题了(插一句:上一位大佬文件结构可能不规范),一般都是static存放静态文件,但是他自己创建了一个stalic(哭笑.gif)

    上代码:

    <img src="../../../src/stalic/font/arrow0-0.png" alt="">  //上一位的
    
    <img :src="Bol == 1 ? imgUrl : imgUrl2" alt="">     //我的   data里面是:
    imgUrl: '../../../src/stalic/font/arrow0.png',
    imgUrl2: '../../../src/stalic/font/arrow0-0.png'
    

    但是浏览器并没有渲染出来我的图片,而他的图片可以正常渲染,同样的路径,为什么我的不显示? 而且浏览器还没有报错。

    原因:这里使用的是本地路径,想起来static静态文件夹,于是我将图片放入到static文件夹中
    这里写图片描述
    再次修改路径:

    imgUrl: ./static/arrow0.png,
    imgUrl2: ./static/arrow0-0.png
    

    或者,Common写法

    imgUrl: require('../../../src/static/font/arrow0.png'),
    imgUrl2: require('../../../src/static/font/arrow0-0.png')
    

    图片总算是出来了, 然后总结几个可以解决本地图片路径显示不出来的问题:

    1.把图片放在src同级的static文件夹下。
    2.把图片放在cdn上,把网络地址存在imgUrl里,然后直接<img :src="imgUrl">去展示。
    3.图片放在assets文件夹,然后在data里面require进图片

    data() {
    imgUrl:require('./assets/logo.png')
    }
    

    然后放入<img :src="imgUrl">展示即可。

    展开全文
  • boot.img(kernel+ramdisk.img) ramdisk.img(/) system.img(/system) userdata.img(/data) cache.img(/cache) recovery.img(kernel+ramdisk-recovery.img) ramdisk-recovery.img(/) split_bootimg.pl boot.img ...
  • 1、系统镜像(system.img) 系统镜像是地址ROM最常使用的一个镜像,用于存储Android系统的核心文件,System.img就是设备中system目录的镜像,里面包含了Android系统主要的目录和文件。一般这些文件是不允许修改的。...
  • 如何判断img加载完成?

    万次阅读 2020-11-18 01:52:14
    一、load事件 <!DOCTYPE HTML> <...img - load event</title> </head> <body> <img id="img1" src="http://pic1.win4000.com/wallpaper/f/51c3bb99a21ea.j.
  • img.shape img.size

    千次阅读 2016-12-27 08:53:21
    import cv2 ...img=cv2.imread('messi5.jpg') print img.shape px=img[100,100] print px blue=img[100,100,0] print blue ## [57 63 68] ## 57 print img[100,100] img[100,100]=[255,2
  • 可打开安卓img刷机包提取文件的小工具IMG浏览器
  • openwrt 排坑 qemu-img使用 img文件转vmdk

    千次阅读 2019-12-10 15:15:09
    qemu-img img转vmdk的正确姿势,快来学习一下
  • python-img.resize()

    万次阅读 多人点赞 2019-02-23 20:40:15
    1.img.resize((width, height),Image.ANTIALIAS) 第二个参数: Image.NEAREST :低质量 Image.BILINEAR:双线性 Image.BICUBIC :三次样条插值 Image.ANTIALIAS:高质量 from PIL import Image ''' filein: 输入...
  • 使用fastboot工具刷入recovery.img、boot.img、system.img
  • sdat2img tools

    千次下载 热门讨论 2014-12-16 21:59:11
    这里提供一个可以用于将该稀疏数组unpack成为真正ext4的image文件的程序sdat2img。 用法:sdat2img <trans_list> <system_new_file> <system_img> 前两个参数分别是trans list文件和输入的system.new.dat文件,最后...
  • img标签,hr标签

    万次阅读 2021-08-12 23:00:55
    Div与Span标签详解一、img标签1.简介2.语法3.案例二、span1.简介2.语法3.案例 一、img标签 1.简介 Img标签在html中是引入外部图片到网页中显示的标签。 2.语法 <img src="图片路径" width="100" height=...
  • CV之LabelImg:图片标注工具之LabelImg(图像标注工具)的简介、安装、使用方法详细攻略 目录 LabelImg的简介 常见的图片标注工具 LabelImg trainingImageLabeler labelImg的安装 LabelImg的使用方法 ...
  • @[toc](目标检测使用LabelImg标注VOC数据格式和YOLO数据格式——LabelImg使用详细教程文章目录:) 1 LabelImg介绍与安装 1.1 Label介绍 github是目标检测数据标注工具,可以标注标注两种格式: VOC标签格式,标注的...
  • 在用Windows系统的台式电脑给Android机顶盒刷机时,fastboot flash boot boot.img可以刷入;fastboot flash system system.img 却一直卡在sending system.img,解决办法:将刷机线从机箱前方的USB口移到后面
  • 图片标注工具LabelImg使用教程

    万次阅读 多人点赞 2016-12-13 10:24:34
    本篇博客将推荐一款十分好用的图片标注工具LabelImg,重点介绍其安装以及使用的过程。在此感谢原作者在github所做的贡献,这款工具是全图形界面,用Python和Qt写的,最牛的是其标注信息可以直接转化成为XML文件,与...
  • LabelImg可运行的历史版本,非最新版,参考https://github.com/tzutalin/labelImg。使用方法:解压后,执行./labelimg.py命令
  • 匹配去掉img标签 <script> var str = '<p><code>uni-app</code> 完整支持 <code>Vue</code> 实例的生命周期,同时还新增页面生命周期</a>。</p> <img src=...
  • setup98.img

    热门讨论 2011-01-01 07:20:35
    setup98.img setup98.img
  • labelImg使用教程

    千次阅读 热门讨论 2020-10-10 19:06:55
    安装 labelImg pip install labelImg #直接命令行输入 启动 labelImg labelImg #直接命令行输入名称即可 labelImg界面 开始标注 快捷键:W(创建方框),A(上一张),D(下一张) XML文件示例 <annotation&...
  • simg2img工具

    千次下载 热门讨论 2015-01-17 11:36:45
    Android中将system.img解压为ext4格式的raw image的工具,经过该工具,得到的img可以直接进行mount操作。
  • Android源码编译成功后会输出映像文件:system.img,boot.img, ramdisk.img,userdata.img等等。有时我们需要修改里面的内容,下面列出在Linux下如何解包/打包这些映像文件。 ramdisk.img ramdisk.img是经cpio打包、...
  • recovery.img中主要包含内核和根文件系统两个东西,
  • vue动态设置img的src路径

    万次阅读 多人点赞 2018-07-30 22:00:45
    相信开发的小伙伴已经遇到这个问题了,动态切换img标签的src时,写的路径就是不生效,原因是vue并没有把你的路径字符串当做路径来处理,而是直接当做字符串了,当然网上也有很多方法,这里使用的是最有效的方法。...
  • mount 挂载 img

    万次阅读 2016-06-23 12:32:16
    查看img信息 fdisk -lu 2016-05-27-raspbian-jessie.img Disk 2016-05-27-raspbian-jessie.img: 4019 MB, 4019191808 bytes 255 heads, 63 sectors/track, 488 cylinders, total 7849984 sectors Units = sectors
  • LabelImg介绍

    千次阅读 2017-10-29 09:56:28
    LabelImg 图像标注
  • 其中, ramdisk.img是emulator的文件系统,system.img包括了主要的包、库等文件,userdata.img包括了一些用户数据,emulator负责加载这3个映像文件后,会把system.img和userdata.img分别加载到 ramdisk文件系统中...
  • QEMU-IMG命令详解

    千次阅读 2020-01-31 18:35:23
    qemu-img是QEMU的磁盘管理工具,在qemu-kvm源码编译后就会默认编译好qemu-img这个二进制文件。qemu-img也是QEMU/KVM使用过程中一个比较重要的工具,本节对其用法和实践使用方法进行介绍。 qemu-img工具的命令行基本...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,708,486
精华内容 683,394
关键字:

img