javascript - How do I save the stage upon every KineticJS event? -

-

i understand kineticjs stage can saved json stage.tojson function. perform action time stage changes in way. example, want run tojson function if shape moved via draggable, shape's size changed, inner contents changed dynamically, shape added dynamically, etc. etc. etc. prefer not listen of possible events , run same code each. prefer capture events in 1 call. there me this? realize there performance hit. saving stage upon change being made business requirement. fortunately, functionality limited few users. thank you.

how save stage upon every kineticjs event?

answer: call stage.tojson when kineticjs event occurs.

is there kineticjs event handler listens any-and-all events?

answer: actually, there 1 draconian option.

you ask listen every event kineticjs can generate because .on() method can accept multiple space-delimited event types.

you left task of deciding whether stage.tojson based on eventtype plus design considerations.

nodes can listen these event types:

// space-delimited list of node events kineticjs can listen var allnodeevents="mouseover mousemove mouseout mouseenter mouseleave mousedown mouseup click dblclick touchstart touchmove touchend tap dbltap dragstart dragmove dragend";

the stage can listen these event types:

// space-delimited list of stage events kineticjs can listen var allstageevents="contentmouseover contentmousemove contentmouseout contentmousedown contentmouseup contentclick contentdblclick contenttouchstart contenttouchmove contenttouchend contenttap contentdbltap";

you can listen any-and-all node+stage events this:

// listen possible node events node.on(allnodeevents,function(event){      // type of event     var eventtype=event.type;      // stage.tojson      //(or not based on eventtype , other design specific considerations  });   // listen possible stage events stage.on(allstageevents,function(event){      // type of event     var eventtype=event.type;      // stage.tojson      //(or not based on eventtype , other design specific considerations  });

Comments

Post a Comment

Popular posts from this blog

c++ - OpenCV Error: Assertion failed <scn == 3 ::scn == 4> in unknown function, -

-
i read alot other solution still confused should mine... #include <opencv2/objdetect/objdetect.hpp> #include <opencv2/highgui/highgui.hpp> #include <opencv2/imgproc/imgproc.hpp> #include <iostream> #include <stdio.h> using namespace std; using namespace cv; int main(int argc, const char** argv) { //create cascade classifier object used face detection cascadeclassifier face_cascade; //use haarcascade_frontalface_alt.xml library face_cascade.load("haarcascade_frontalface_alt.xml"); //setup video capture device , link first capture device videocapture capturedevice; capturedevice.open(0); //setup image files used in capture process mat captureframe; mat grayscaleframe; //create window present results namedwindow("outputcapture", 1); //create loop capture , find faces while (true) { //capture new image frame capturedevice >> captureframe; ...
Read more

php - render data via PDO::FETCH_FUNC vs loop -

-
i've been using 2 methods render data. the first one: function name($id,$name){ return '<div id="'.$id.'">'.$name.'</div>'; } echo implode($pdo->query("select id,name user")->fetchall(pdo::fetch_func,'name')); the second one: $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); foreach($users $user){ echo name($user->id,$user->name); } i don't understand how pdo::fetch_func works. tried figure out. however, not well-documented. could please explain fetch mode? , also, 1 performs better? thank you. both methods wrong , have learn how use templates , how separate business logic presentation logic. $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); tpl::assign('users', $users); is code business logic part. then in template <?php foreach $users $row): ?> <div id="<?=$...
Read more

The canvas has been tainted by cross-origin data in chrome only -

-
uncaught securityerror: failed execute 'getimagedata' on 'canvasrenderingcontext2d': canvas has been tainted cross-origin data i getting above error in chrome. code(following) works fine in mozilla. have not corss domain issue. why above error in chrome? var wheel_canvas, wheel_context, can_w, can_h, wheel_grd; var large_radius = 160; var small_radius = 120; var wheel_canvas = document.getelementbyid('wheel_canvas'); var wheel_context = wheel_canvas.getcontext('2d'); var can_w = $(wheel_canvas).width(); var can_h = $(wheel_canvas).height(); var centerx = can_w / 2, centery = can_h / 2; var wheel_grd = null; test('#ff0000'); function test(hex) { $('#clrpicker').css({'left': 210, 'top': 210 }); inverted = hexbw(hex); $('#color_val_show').val(hex); current_color_hex_val_selected = hex; $('#color_val_show').css({'color':inverted,'background':hex}); fillgradient...
Read more