jquery - bug noticed rendering positions with javascript -


i have code first creates variable positions x,y positions of image it's width , height. select area(s) in image remove these positions clone of positions have the sum of positions in 2 different arrays.

var positions = []; var areas = {} var area_counter = 0;  var image_width = $('.img-class')[0].naturalwidth; var image_height = $('.img-class')[0].naturalheight;  var area = image_width * image_height;  var img_width = 0; var img_height = 0; (counter = 0; counter < area; counter++) {      positions.push([img_width, img_height]);      img_width += 1;     if (img_width == image_width) {         img_width = 0;         img_height += 1;     } }  var drop_boxes = $('.drop-box'); var area_grid = []; var image_width = $('.img-class')[0].naturalwidth; var image_height = $('.img-class')[0].naturalheight;  drop_boxes.each(function() {     var position = $(this).position();     var width =  $(this).width();     var height = $(this).height();     var positions_clone = positions.slice(0);     //console.log(positions_clone.length);      var top_offset = parseint((position['top'] * image_width)/img_width);     var left_offset = parseint((position['left'] * image_height)/img_height);      position['top'] = top_offset;     position['left'] = left_offset;      var width_offset = parseint((width * image_width)/img_width);     var height_offset = parseint((height * image_height)/img_height);      var width_counter = 1;     var height_counter = 1;      var area = width_offset * height_offset;                      if (position['top'] < image_height-1 && position['left'] < image_width) {         (counter = 0; counter < area; counter++) {                    var pos = [position['left']+width_counter, position['top']+height_counter];              var index = positions.findindex(function(item) {               // return result of comparing `data` `item`                // simple implementation assumes `item`s arrays.               return pos.length === item.length &&                      item.every(function(n, i) { return n === pos[i] });             });              if (index > -1) {                 positions_clone.splice(index, 1);             }              area_grid.push(pos);              width_counter += 1;              if (width_counter == width_offset) {                 width_counter = 1;                 height_counter += 1;             }              if (counter%100 == 0) {                 var percentage = math.round((counter/area)*100, 2);                 console.log("percentage: "+percentage+"%");             }         }         console.log(positions_clone.length);         console.log(area_grid.length);          areas[area_counter] = {'area': area_grid, 'positions': positions_clone};         parent.find('.area').text(area_counter);         area_counter += 1;     }                  });

problem when use these positions render image there's either offsetted position or missing positions. seen in these images. original image first example


Comments

Post a Comment

Popular posts from this blog

python Tkinter Capturing keyboard events save as one single string -

is possible store keyboard events 1 string? code below stores 1 char , prints it. card reader or bar code reader, contains collection of character/ string not 1 character @ time. goal save char pressed text variable. from tkinter import * root = tk() def key(event): text= event.char text+= event.char print ("pressed", text) def callback(event): frame.focus_set() print ("clicked at", event.x, event.y) frame = frame(root, width=100, height=100) frame.bind("<key>", key) frame.bind("<button-1>", callback) frame.pack() root.mainloop() currently, creating text variable , everytime key() function gets called, , text stores last character typed. you can define text module level variable , , use module level text inside key function - text = '' def key(event): global text text+= event.char print("pressed", text)
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m
Read more

javascript - Z-index in d3.js -

i have map , when hover effect on region of map below yellow line , circle, last ones disappear. how can solve problem? http://jsfiddle.net/ot21n9qx/ var arc = g.append("path") .style("fill", "none") .style("stroke", "yellow") .style("stroke-width", 2) .attr("d", "m" + pathorigin[0] + "," + pathorigin[1] + " q" + svgpoint[0] + "," + pathorigin[1] + " " + svgpoint[0] + "," + svgpoint[1]); var circlesize = d3.scale.linear() .domain([0, 0.5, 1]) .range([4, 10, 4]); svg not have z order draws objects in order created. need create path , circle after create highlight regions. here forked fiddle: http://jsfiddle.net/o00fzgaf/1/
Read more