html5 - Pass image between canvas with Webrtc -

-

i have found similar question doesn't seem answer question. have html5 canvas , use pubnub webrtc. want pass image between canvas data here passed http://pubnub.github.io/codoodler/history.html. ideas? (please add example answer if possible)

! function() {     function a(a) {         q.publish({             channel: 'mychannel12',             message:         })     }      function b(a, b) {         h.strokestyle = a, h.beginpath(), h.moveto(b[0].x, b[0].y);         (var c = 1; c < b.length; c++) h.lineto(b[c].x, b[c].y);         h.stroke()     }      function c(a) {         !a || a.plots.length < 1 || b(a.color, a.plots)     }      function d(a) {         if (a.preventdefault(), r) {             var c = j ? a.targettouches[0].pagex - g.offsetleft : a.offsetx || a.layerx - g.offsetleft,                 d = j ? a.targettouches[0].pagey - g.offsettop : a.offsety || a.layery - g.offsettop;             s.push({                 x: c << 0,                 y: d << 0             }), b(i, s)         }     }      function e(a) {         a.preventdefault(), r = !0     }      function f(b) {         b.preventdefault(), r = !1, a({             color: i,             plots: s         }), s = []     }     var g = document.getelementbyid("drawcanvas"),         h = g.getcontext("2d"),         = document.queryselector(":checked").getattribute("data-color");     g.width = math.min(document.documentelement.clientwidth, window.innerwidth || 300), g.height = math.min(document.documentelement.clientheight, window.innerheight || 300), h.strokestyle = i, h.linewidth = "3", h.linecap = h.linejoin = "round", document.getelementbyid("colorswatch").addeventlistener("click", function() {         = document.queryselector(":checked").getattribute("data-color")     }, !1);     var j = "ontouchstart" in window,         k = navigator.pointerenabled,         l = navigator.mspointerenabled,         m = j ? "touchstart" : k ? "pointerdown" : l ? "mspointerdown" : "mousedown",         n = j ? "touchmove" : k ? "pointermove" : l ? "mspointermove" : "mousemove",         o = j ? "touchend" : k ? "pointerup" : l ? "mspointerup" : "mouseup";     g.addeventlistener(m, e, !1), g.addeventlistener(n, d, !1), g.addeventlistener(o, f, !1);     var p = "draw",         q = pubnub.init({             publish_key: "pub-c-465c4b3b-0b7d-40de-86c5-10a9433058b5",             subscribe_key: "sub-c-43a257e0-d94a-11e4-a2b8-0619f8945a4f",             leave_on_unload: !0         });     q.subscribe({         channel: 'mychannel12',         callback: c,         presence: function(a) {             a.occupancy > 1 && (document.getelementbyid("unit").textcontent = "doodlers"), document.getelementbyid("occupancy").textcontent = a.occupancy;             var b = document.getelementbyid("occupancy").parentnode;             b.classlist.add("anim"), b.addeventlistener("transitionend", function() {                 b.classlist.remove("anim")             }, !1)         }     }), drawhistory && q.history({         channel: 'mychannel12',         count: 50,         callback: function(a) {             q.each(a[0], c)         }     });     var r = !1,         s = [] }();

you can publish/subscribe canvas coordinates data in (x, y), code sample, or pass url/path of image, not image itself.

the size of each data can publish using pubnub apis <32k, passing images directly using pubnub not ideal way, if convert canvas image base64 canvas.todataurl. still large.

you want send canvas images data elsewhere, parse, , pass url.


Comments

Post a Comment

Popular posts from this blog

python - How to create jsonb index using GIN on SQLAlchemy? -

-
here's current code creating index jsonb. index("mytable_data_idx_id_key", mytable.data['id'].astext, postgresql_using='gin') but got error. sqlalchemy.exc.programmingerror: (psycopg2.programmingerror) data type text has no default operator class access method "gin" hint: must specify operator class index or define default operator class data type. [sql: "create index event_data_idx_id_key on event using gin ((data ->> 'id'))"] is there way create index on sqlalchemy? the postgresql specific sqlalchemy docs @ http://docs.sqlalchemy.org/en/latest/dialects/postgresql.html#operator-classes mention postgresql_ops dictionary provide "operator class" used postgresql, , provide example illustrating use: index('my_index', my_table.c.id, my_table.c.data, postgresql_ops={ 'data': 'text_pattern_ops', ...
Read more

PHP DOM loadHTML() method unusual warning -

-
i had following code works fine on localhost: $document = new domdocument(); $document->loadhtml($p_result); $form = $document->getelementsbytagname('form')->item(0); // code continues using $form variable after same code updated on outside server, loadhtml() failed , issued warning. warning: domdocument::loadhtml() expects parameter 1 valid path, string given in path/name/to/script.php returned null instead of object code pretty gets fatal error. note contents of $p_result absolutely same on outside server , on localhost. but why displays kind of warning , why not work? doesn't loadhtml() expects argument 1 string in first place? why method expects parameter 1 valid path ? just make clear i'm not calling loadhtmlfile() , i'm calling loadhtml() . thanks. you're affected one of php bugs . issue present in php 5.6.8 , 5.6.9. have affected php version on server, , bug-free version on localhost. the bug forbids null ...
Read more

c# - TransactionScope not rolling back although no complete() is called -

-
i'm using transactionscope rollback transaction fail bool errorreported = false; action<importerrorlog> newerrorcallback = e => { errorreported = true; errorcallback(e); }; using (var transaction = new transactionscope()) { foreach (importtaskdefinition task in taskdefinition) { loader.load(streamfile, newerrorcallback, task.destinationtable, processingtaskid); } if (!errorreported) transaction.complete(); } i'm sure there no transactionscope started ahead or after code. i'm using entity framework insert in db. regardless state of errorreported transaction never rolled in case of error. what missing ? transactionscope sets transaction.current . that's does. wants transacted must @ property. i believe ef each time connection opened reason. probably, connection open when scope installed. open connection inside of scope or enlist manually. ef has nasty "design decision": default opens ...
Read more