Changeset 36997 for gs3-installations/intermuse/trunk/sites/intermuse/collect/programmes/js/document_viewer.js

Timestamp:

2022-12-09T00:10:37+13:00 (17 months ago)

Author:

davidb

Message:

Collection now developed to the point where Google Vision OCR bounding boxes are displayed over the screen-size image for a simple doc

File:

• gs3-installations/intermuse/trunk/sites/intermuse/collect/programmes/js/document_viewer.js (modified) (1 diff)

gs3-installations/intermuse/trunk/sites/intermuse/collect/programmes/js/document_viewer.js

@@ +1 @@
+function load_gv_dococr_json(json_file, callback) {
+
+    var http_assocfilepath = gs.collectionMetadata["httpPath"]+"/index/assoc/"+gs.documentMetadata["assocfilepath"];
+    var json_url = http_assocfilepath +"/"+json_file;
+
+    $.ajax({
+    method: "GET",
+    url: json_url
+    })
+        .fail(function(jqXHR,textStatus) {
+            console.error("load_gv_dococr_json(): failed to retrieve url '" + json_url +"'");
+        console.error(textStatus);
+        })
+        .done(function(gv_ocr_json_result) {
+        callback(gv_ocr_json_result);
+
+        });
+    
+}
+
+function display_gv_ocr_bounding_boxes(gv_ocr_json)
+{
+    console.log(gv_ocr_json);
+
+    
+    var full_text_annotation = gv_ocr_json.fullTextAnnotation;
+    var pages = full_text_annotation.pages;
+    var num_pages = pages.length;
+    
+    if (num_pages == 1) {
+    var page = pages[0];
+
+    var bounding_box_rects = [];
+    var page_x_dim = page.width;
+    var page_y_dim = page.height;
+
+    var blocks = page.blocks;
+    var num_blocks = blocks.length;
+
+    for (b=0; b<num_blocks; b++) {
+        var block = blocks[b];
+
+        var boundingBox = block.boundingBox;
+
+        var min_x = Number.MAX_SAFE_INTEGER;
+        var min_y = Number.MAX_SAFE_INTEGER;
+        var max_x = Number.MIN_SAFE_INTEGER;
+        var max_y = Number.MIN_SAFE_INTEGER;
+
+        var vertices = boundingBox.vertices;
+        var num_vertices = vertices.length;
+
+        for (v=0; v<num_vertices; v++) {
+        var x = vertices[v].x;
+        var y = vertices[v].y;
+        
+        min_x = Math.min(min_x,x);
+        min_y = Math.min(min_y,y);
+        max_x = Math.max(max_x,x);
+        max_y = Math.max(max_y,y);
+        }
+
+        var x_org = min_x;
+        var y_org = min_y;
+        var x_dim = max_x - min_x +1;
+        var y_dim = max_y - min_y +1;
+
+        var rect = { "x_org": x_org, "y_org": y_org, "x_dim": x_dim, "y_dim": y_dim};
+        bounding_box_rects.push(rect);
+    }
+
+        
+    display_scaled_div_bounding_boxes(bounding_box_rects, page_x_dim,page_y_dim);
+    
+    }
+    else {
+    console.error("display_gv_ocr_bounding_boxes(): incorrect number of pages found.")
+    console.error("  Expected 1 page, found " + num_pages +" page(s)");
+    }
+
+}
+
+
+function display_scaled_div_bounding_boxes(bounding_box_rects,fullsize_x_dim,fullsize_y_dim)
+{
+    var screen_x_dim = gs.variables.screenImageWidth;
+    var screen_y_dim = gs.variables.screenImageHeight;
+
+    var scale_x = screen_x_dim / fullsize_x_dim;
+    var scale_y = screen_y_dim / fullsize_y_dim;
+
+    //console.log("scale x = " + scale_x);
+    //console.log("scale y = " + scale_y);
+    
+    var docID = gs.variables.d;    
+    var screen_image_id = "small"+docID;
+
+    var $boundingbox_overlay = $("<div>")
+    .attr("id","ocr-boundingbox-overlay-"+docID)
+    .attr("class","ocr-boundingbox-overlay");
+
+    var $screen_div = $('#'+screen_image_id);
+    //var $screen_img = $screen_div.find("img");
+    
+    $screen_div.append($boundingbox_overlay);
+    //$screen_img.append($boundingbox_overlay);
+
+    
+    var num_bb_rects = bounding_box_rects.length;
+
+    console.log("Block bounding boxes:")
+
+    for (r=0; r<num_bb_rects; r++) {
+    var rect = bounding_box_rects[r];
+        console.log("  " + JSON.stringify(rect));
+
+    var scaled_x_org = rect.x_org * scale_x;
+    var scaled_y_org = rect.y_org * scale_y;
+    var scaled_x_dim = rect.x_dim * scale_x;
+    var scaled_y_dim = rect.y_dim * scale_y;
+        
+    var $boundingbox_div = $("<div>")
+        .attr("class","ocr-boundingbox")
+        .css("left",  scaled_x_org)
+        .css("top",   scaled_y_org)
+        .css("width", scaled_x_dim)
+        .css("height",scaled_y_dim);
+    
+    $boundingbox_overlay.append($boundingbox_div)
+    }
+}
+
 /*