bstein/drawshare
1
0
Fork 0
mirror of https://github.com/neogeek23/drawshare.git synced 2026-02-08 12:59:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

improved touch draw

Browse Source
This commit is contained in:
brad stein 2018-10-24 21:53:25 -05:00
parent 1b00b6827d
commit 0f6049374f
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
ChannelsDrawShareSite/__pycache__/settings.cpython-36.pyc
View File

Binary file not shown.

10
drawshare/templates/drawshare/room.html
View File

@ -38,8 +38,9 @@
window.onresize = function(){resize_canvas()}; window.onresize = function(){resize_canvas()};
let roomName = {{ room_name_json }}; let roomName = {{ room_name_json }};
let ws_scheme = window.location.protocol === "https:" ? "wss" : "ws";
let drawSocket = new WebSocket( let drawSocket = new WebSocket(
'wss://' + window.location.host + ws_scheme +'://' + window.location.host +
'/wss/drawshare/' + roomName + '/'); '/wss/drawshare/' + roomName + '/');
let x1; let x1;
let y1; let y1;
@ -69,7 +70,7 @@
drawSocket.onclose = function(e) {console.error('Socket closed unexpectedly');}; drawSocket.onclose = function(e) {console.error('Socket closed unexpectedly');};
document.querySelector('#draw-canvas').onmousemove = function(e) {cord_start(e); cord_end(); capture_draw()}; document.querySelector('#draw-canvas').onmousemove = function(e) {cord_start(e); cord_end(); capture_draw()};
document.querySelector('#draw-canvas').ontouchstart = function(e) {cord_touch(e, "start")}; document.querySelector('#draw-canvas').ontouchstart = function(e) {cord_touch(e, "start")};
document.querySelector('#draw-canvas').ontouchmove = function(e) {cord_touch(e, "end"); capture_draw()}; document.querySelector('#draw-canvas').ontouchmove = function(e) {cord_touch(e, "end"); capture_draw(); cord_pass_down()};
document.querySelector('#draw-clear').onclick = function(){clear_draw()}; document.querySelector('#draw-clear').onclick = function(){clear_draw()};
function cord_start(e){ function cord_start(e){
@ -109,6 +110,11 @@
} }
} }
function cord_pass_down(){
x1 = x2;
y1 = y2;
}
function capture_draw(){ function capture_draw(){
let drawColor = document.querySelector('#draw-color-select'); let drawColor = document.querySelector('#draw-color-select');