javascript - Flood Fill after clearRect -


i have script flood fill html5 canvas:

$("#crop-canvas-draw").on("click touchstart", function(e){         if(selectedtool != 'pbucket') return false;          var pagex = device == 'touch' ? e.originalevent.touches[0].pagex:e.pagex;         var pagey = device == 'touch' ? e.originalevent.touches[0].pagey:e.pagey;         var x = parseint(pagex - $("#crop-canvas-primary").offset().left);         var y = parseint(pagey - $("#crop-canvas-primary").offset().top);         var r = 255, g = 0, b = 0;         var cwidth = cvsdraw.width, cheight = cvsdraw.height;         var layerdata = ctxdraw.getimagedata(0, 0, cwidth, cheight);         var layerdataori = ctx.getimagedata(0, 0, cvs.width, cvs.height);         var layerdatacopy = ctxcopy.getimagedata(0, 0, cvscopy.width, cvscopy.height);         var pps = [];          var match = function(pp){ // pp = pixelpos             var lr = layerdata.data[pp];             var lg = layerdata.data[pp + 1];             var lb = layerdata.data[pp + 2];             var ac = layerdata.data[pp + 3]; // alpha channnel             if(lr == r && lg == g && lb == b) return false; // match newcolor, skip             if(lr == 0 && lg == 0 && lb == 0 && ac == 0) return true;         }          var colorpixel = function(pp){ // pp = pixelpos             //pps.push(pp);             layerdata.data[pp] = r;             layerdata.data[pp + 1] = g;             layerdata.data[pp + 2] = b;             layerdata.data[pp + 3] = 150;         }          var oritocopy = function(){             while(pps.length > 0){                 var pp = pps.pop();                 layerdatacopy.data[pp] = layerdataori.data[pp];                 layerdatacopy.data[pp + 1] = layerdataori.data[pp + 1];                 layerdatacopy.data[pp + 2] = layerdataori.data[pp + 2];                 layerdatacopy.data[pp + 3] = 255;             }             ctxcopy.putimagedata(layerdatacopy, 0, 0);         }          var scan = function(x, y){             stack = [[x, y]];             while(stack.length > 0){                 var newpos, pixelpos, x, y, rl, rr;                 newpos = stack.pop();                 x = newpos[0];                 y = newpos[1];                  pixelpos = (y * cwidth + x) * 4;                 while(y-- >= 0 && match(pixelpos)){                     pixelpos -= cwidth * 4;                 }                 pixelpos += cwidth * 4;                 ++y;                 rr = false;                 rl = false;                 while(y++ < cheight - 1 && match(pixelpos)){                     colorpixel(pixelpos);                     pps.push(pixelpos);                     if(x > 0){                         if(match(pixelpos - 4)){                             if(!rl){                                 stack.push([x - 1, y]);                                 rl = true;                             }                         }else if(rl){                             rl = false;                         }                     }                      if(x < cwidth - 1){                         if(match(pixelpos + 4)){                             if(!rr){                                 stack.push([x + 1, y]);                                 rr = true;                             }                         }else if(rr){                             rr = false;                         }                     }                      pixelpos += cwidth * 4;                 }             }             ctxdraw.putimagedata(layerdata, 0, 0);             oritocopy();             if(selectedtool == 'pbucket'){                 step++;                 if(step < drawstates.length){                     drawstates.length = step;                 }                 drawstates.push([cvsdraw.todataurl(), cvscopy.todataurl()]);             }         }         scan(x, y);     });

anything good. try delete region clearrect, notice when re-fill deleted region there region not filled. please see following image after clearrect , re-fill

what causing this?


Comments

Post a Comment

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

consider, toml node module can use: // toml.d.ts declare module toml { export function parse(value:string):any; } declare module "toml" { export = toml; } then: /// <reference path="../../../../../defs/toml/toml.d.ts"/> import toml = require('toml'); toml.parse(...); however, node module export single function, such 'glob' ( https://github.com/isaacs/node-glob ). the node usage of module be: var glob = require("glob") glob("*.js", {}, callback(err, files) { ... }); you'd naively expect this: // glob.d.ts declare function globs(paths:string, options:any, callback:{(err:any, files:string[]):void; ...but because typescripts 'import' semantics bit strange, seems can use 'import .. = require()' statement alias modules . trying call: /// <reference path="../../../../../defs/glob/glob.d.ts"/> import blog = require('glob'); results in: error ts2072: mod
Read more

openid - Okta: Failed to get authorization code through API call -

i'm integrating okta own idp server using okta's api. i'm implementing authorization code flow following steps below: in own server, use /api/v1/authn endpoint sessiontoken. use sessiontoken obtain authorization calling endpoint: /oauth2/v1/authorize?client_id=" + clientid + "&sessiontoken=" + sessiontoken + "&response_type=code&response_mode=query&scope=openid&redirect_uri=" + redirecturl + "&state=evanyang&nonce=" it's supposed return response status code 302 , location header containing redirect url code value. however, keep getting response status code 200 , without location header, html body saying "you using unsupported browser." , "javascript disabled on browser." according api documentation: http://developer.okta.com/docs/api/resources/oidc.html#authentication-request , sessiontoken parameter sufficient this: an okta one-time sessiontoken. allows api-based
Read more

thorough guide for profiling racket code -

did googling ("racket profiling", "racket measure performance"), didn't find , there no examples in docs. did google "profile" search on htdp - no luck. (profile (f ...)) output isn't obvious other small snippets. ideally want python's python -m cprofile usage examples. when search "python profiling", both duckduckgo , google give top result: 26.4. python profilers . (although scanned quickly, seems more of reference "thorough usage guide" examples. if had else in mind, perhaps please link that?) the equivalent racket documentation be: profile: statistical profiler . a usage example: #lang racket (require profile) (profile-thunk (thunk (function-to-profile arg0 arg1) )) here (thunk e) convenience (lambda () e) . bigger example: #lang racket (module mod racket (provide f) (define (f) (for/list ([i 10000]) i))) (require (prefix-in mod: 'mod)) (define (f) (for ([i 10000
Read more