Daily JavaScript Miscellaneous Essays ( LTS )

KeyboardEvent

Key Mapping

-------- ---------------- ------------------------
     key keyCode          Name 
-------- ---------------- ------------------------
      27 Escape           Esc
      32                  空格
       8 Backspace        退格
      46 Delete           删除
      13 Enter            回车
-------- ---------------- ------------------------
      37 ArrowLeft        向左
      39 ArrowRight       向右
      38 ArrowUp          向上
      40 ArrowDown        向下
-------- ---------------- ------------------------
     187 +                加号
     189 -                减号
-------- ---------------- ------------------------
      65 a / A            全选
      66 b / B            显示/隐藏 Boundary
      66 i / I            显示/隐藏 Boundary ID
-------- ---------------- ------------------------
      67 c / C            CLS
      68 d / D            DET
      83 s / S            SEG
-------- ---------------- ------------------------
      80 p / P            Polygon
      82 r / R            Rectangle
-------- ---------------- ------------------------

var ENUM_REGION_SHAPE = {
    RECT     : 'rect',
    CIRCLE   : 'circle',
    ELLIPSE  : 'ellipse',
    POLYGON  : 'polygon',
    POINT    : 'point',
    POLYLINE : 'polyline',
    NOTHING  : 'nothing'
};

Shortcut Key Handlers

var system_scale_level = 0;
var system_scale_maximum = 3;

$(function() {
    window.addEventListener('keydown', _sys_window_keydown_handler, false);
});

var _sys_window_keydown_handler = function(event) {
    if (event.target === document.body) {
        _sys_handle_global_keydown_event(event);
    }
};

var _sys_handle_global_keydown_event = function(event {
    if (e.key === "Escape") {
        // CLS / SEG ===> NUL
        return;
    }
    if (e.key === "Enter") {
        // 结束标注
        return;
    }
    if (e.key === "Backspace" || e.key === "Delete") {
        // 删除标注
        return;
    }
    if (e.key === "a" || e.key === "A") {
        // 全选标注
        return;
    }
    if (e.key === "h" || e.key === "H") {
        // 隐藏标注
        return;
    }
    if (e.key === "ArrowLeft") {
        // 上一张图片
        return;
    }
    if (e.key === "ArrowRight") {
        // 下一张图片
        return;
    }
    if (e.key === "ArrowUp") {
        // 上一个胚胎
        return;
    }
    if (e.key === "ArrowDown") {
        // 下一个胚胎
        return;
    }
    if (e.key === "+") {
        // 图片放大
        system_scale_level++;
        if (system_scale_level > system_scale_maximum) {
            system_scale_level = system_scale_maximum;
        }
        ZoomScale(system_scale_level);
        return;
    }
    if (e.key === "-") {
        // 图片缩小
        system_scale_level--;
        if (system_scale_level < 0) {
            system_scale_level = 0;
        }
        ZoomScale(system_scale_level);
        return;
    }
    if (e.key === "c" || e.key === "C") {
        // CLS
        return;
    }
    if (e.key === "d" || e.key === "D") {
        // DET
        return;
    }
    if (e.key === "s" || e.key === "S") {
        // SEG
        return;
    }
    if (e.key === "b" || e.key === "B") {
        // 显示/隐藏轮廓
        return;
    }
    if (e.key === "i" || e.key === "I") {
        // 显示/隐藏轮廓编号
        return;
    }
    if (e.key === "p" || e.key === "P") {
        // Polygon
        return;
    }
    if (e.key === "r" || e.key === "R") {
        // Rectangle
        return;
    }
};

{
    "emb-001.jpg84974": {
        "filename": "emb-001.jpg", 
        "size": 84974, 
        "regions": [
            {
                "shape_attributes": {
                    "name": "rect", 
                    "x": 137, 
                    "y": 130, 
                    "width": 265, 
                    "height": 247
                }, 
                "region_attributes": {
                    "aid": "16:12:41"
                }
            }, 
            {
                "shape_attributes": {
                    "name": "polygon", 
                    "all_points_x": [
                        359, 
                        353, 
                        347, 
                        343, 
                        349, 
                        359, 
                        366, 
                        371, 
                        377, 
                        367
                    ], 
                    "all_points_y": [
                        287, 
                        302, 
                        315, 
                        326, 
                        336, 
                        325, 
                        313, 
                        299, 
                        291, 
                        289
                    ]
                }, 
                "region_attributes": { }
            }
        ], 
        "file_attributes": { }
    }, 
    "emb-016.jpg85720": {
        "filename": "emb-016.jpg", 
        "size": 85720, 
        "regions": [ ], 
        "file_attributes": { }
    }
}