Via浏览器Javascript在哪 via浏览器插件如何使用

本教程以配置标记虫子为案例，对via展开介绍。虫子类别图如下

 

1， 解压三个压缩包后，依次得到 1. 需要标记的图片， 2. chrome浏览器， 3.  标注工具   (自己更改了名字，便于使用)，如下图

 

2，打开chrome-win32文件夹，打开chrome.exe （google浏览器），如下图

 

3，返回进入到 标注工具 文件夹下，将最后一个 标注工具.html 拖入到上一步打开的浏览器中，结果如下

 

4， 第一次标记之前，需要添加配置信息，如下图所示

1. 图中1为导入 / 导出标注文件 （后面介绍）
2. 选择标记形式为多边形
3. 添加图片文件
4. 添加属性
5. 查看快捷键

 

6， 展开上一步图中的4，添加两个类别（type,isliving），如下图所示

1. 在下图1处添加类别 type，点击下图2处的加号添加一个名为type的类别，下图3，4是添加后自动填写，无需修改（点击3可查看/切换 所有类别）
2. 将下图5处修改为radio （单选模式）
3. 在下图6处添加虫子类别A,B,C,E,F （此批样本无D，无需添加）,下图7处可不填写，下图8处表示默认选中A类（可随意修改）
4. 再添加死活（living，dead）一类，如下图所示
5. 最后点击下图9处，即可看见下面第二张图里最下面有两栏表格出现
6. 到此准备工作已做完。

 

 

7， 开始标记，首先点击第4步中的3添加图片，将虫子图片全选（ctrl + a）添加进来即可，如下图：

 

8，点击第4步中的2处，选择使用多边形标记，然后：

1. 鼠标移到图片上去，滑动滚轮即可放大缩小图片，图片之外滑动滚轮即可上下滑动页面
2. 鼠标在图片上时，鼠标左击即可开始画线，依次移动点击，移动点击（描边需要顺着轮廓走），最后一次双击即可完成一次标记，此时当前虫子轮廓为选中状态，ctrl + 鼠标左键点击轮廓上的线时，即可添加一个红点，点击轮廓上的点时，即可删除一个红点（用于没画好，精修的情况），选中状态时滑动鼠标滚轮即可查看序号，类别，死活（用于校对）
3. 轮廓画完之后，在浏览器左下角即可看见当前画好的虫子类别，死活，判断当前虫子类别，死活，然后跟新一下即可
4. 具体如下图：2处与3处的序号对应，4处为提示，最后跟新3处参数

跟新参数

9， 标记一半，中途退出，需要点击第4步中的1处，进行导出操作（此处导出为json文件，浏览器自动下载，然后将下载的json文件移到与存放图片的同一文件夹下）如下图

1. 1处为导出为json文件
2. 2处为导入json文件（恢复标记时操作）
3. 3处为提示

移到同一文件夹下，由1 -> 2 -> 3 -> 4

10，  导入继续标记

导入json文件后，1处显示未找到图片，2处为红色警告，3处为提示，导入20个文件，总共标记了224处区域（224个虫子）

1. 首先导入json文件（第9步中2处导入，选择之前存在图片同目录下的json文件）
2. 导入图片（第4步中的3处添加图片，选择当前所有图片，添加即可）
3. 效果如下图

点击上图中的2处添加所有图片，1处显示为黑色（不再是红色），图片区域显示图片，3处提示加载了20张图片

2020-09-02更新

评论区有人说导入json后之前编辑的类别信息会丢失，可以使用下图中的保存方法，当标记完成后，再导入json文件即可。

11，注意事项

1，如何判别虫子类别与死活，再一次贴上图

1. 六种虫子头部都有两根触角，六只脚
2. A,B,C可根据头部和体型来判别（A可用颜色来判别；B,C不行，只能用体型和头部来区分）
3. D暂时没有此类样本
4. E,F很好辨别（上图即知）

划重点 ：（判死活）

A类触角至少一个且脚至少3只判为活（如下图1，图2，图3，图4）

案例图像

图1  A类，有头有触角，有3只脚，活

图2  A类，有头有2触角，有6只脚，活

图3  A类，有头有2触角，有2只脚（注意与图1，图2脚的区别（爬行与收回来的状态）），死

图4 （中间那只虫子） A类，有头有2触角，有5只脚（注意与图1，图2，图3脚的区别（向一个方向弯曲），死

B类头部分为3节，判断依据相对A类判别死活方法比较松一些（如下图5，图6，图7） 

以下为B类

图5 在爬的能明显看见分为3节（上图为普通情况）

 图6 B类，有头无触角，仅有2只脚，死

图7 都为B类，死活明显

C类体型较小，判断依据相对B类判别死活方法比较松一些（如下图8，图9，图10）

 图8 C类 ，有触脚没脚死

 图9 C类 ，有2触脚，1脚（体型小，活）（最低标准）

 图10 判定标准体型大，小，头部形状

图11 都为活

 图12 框住的为C，根图中右边已确定的C来推断（死）

E类体型较小，（如下图13，图14）

图13 上面两个为E，下面一个为C，E比C还小，E有2触角且有两只脚以上为活

图14 （根据图13的描述）上图中的E为死 （1触角1脚 死）

F类体型较小，（如下图15） 

图15 F类 都为活（有脚或者触角为活，则图中两只都为活）

特殊情况

图16 横压着的，只有当能看见头和尾时才补全。 （区别于图17）

图17 B类头部形状，与两只虫子挨一起的情况（区别于图16） 

图18 补充横压的画法

 

图19 补充挨一块的画法

 

图20 错误画法 ，不能想象的话

 图21 正确画法 （注意有一只F，没看见没画也没关系~）

图22 肢体非常不全的不用画