error with arrays in javascript -


to understand note this; `when page loads gets area of image (width * height) , creates x,y positions positions in area.

this works fine.

when have area pos x,y , area (width * height) should pop positions first list can separate 2 areas.

little bug noticed little lines horizontal selected area , don't extend far that. believe reason instead of making clean square inside image every line offseted pixel or two.

here's video of behaviour https://youtu.be/v1b6demfxqw

so since there's positions list code created clone of array , removes positions.

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 = 0; var height_counter = 0;  var area = width_offset * height_offset; console.log(position); console.log(width_offset); console.log(height_offset);             if (position['top'] < image_height-1 && position['left'] < image_width) {     (counter = 0; counter < area; counter++) {                var pos = [parseint(position['left']+width_counter), parseint(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] });         });          //console.log(pos);          if (index > -1) {             positions_clone.splice(index, 1);         }          //area_grid.push(pos);          if (width_counter == width_offset) {             width_counter = 0;             height_counter += 1;         }          if (counter%100 == 0) {             var percentage = math.round((counter/area)*100, 2);             console.log("percentage: "+percentage+"%" + "  "+counter);         }          width_counter += 1;     }     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; }

any clues in fixing appreciated. i've showed how behaves after commenting out parts of code in video.

change

var index = positions.findindex(function(item) {

to 

var index = positions_clone.findindex(function(item) {

because after each splice, indices of original positions doesn't change still using indices splice clone.


Comments

Post a Comment

Popular posts from this blog

PHP and MySQL WP -

i trying accomplish 2 things here code. writing php directly wp page using insert php plugin. 1) query mysql database , return results 1 column 4 columns. 2) make each result own hyperlink directs user new wp page runs new query on page. i able query show results , turn results dynamic hyperlink, cannot formatting down. right returns result 1 column. here have: [insert_php] $servername = "localhost"; $username = "login"; //edited privacy $password = "password"; //edited privacy $database = "database"; //edited privacy // create connection $conn = new mysqli($servername, $username, $password, $database); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } echo "connected successfully"; //get results database $result = mysqli_query($conn,"select mine mines order mine"); $all_property = array(); //declare array saving property //showing proper...
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

go - golang pprof for c library code -

i have been trying profile golang application pprof, seems details of c code(linked static library) missed in output result. flame graph from frame graph can see c code time consuming reported within "runtime._externalcode", no details @ all. , sure static library compiled debug enable. so there way make pprof details(like stack trace) of 3rd party c code? or there other golang profiling tool this?
Read more