html5 canvas socket.io node.js가 포함 된 다중 사용자 페인트 응용 프로그램

Question

html5 canvas, socket.io, node.js를 사용하여 다중 사용자 응용 프로그램을 만들고 있습니다. 지금까지는 다른 사람에게 캔버스 상태를 보내기 위해 브로드 캐스트를 사용하고 있지만 하나의 사용자 윈도우에서 획 속성 (예 : color 또는 lineWidth)을 변경하거나 항상 다른 창에서 동일하지는 않습니다 (그러면 두 번째 사용자의 속성이 선으로 그려집니다). 그것은 나에게 일종의 인종 또는 sth 같다. 누구나 그것을 동기화하는 방법을 도울 수 또는 어쩌면 내게 다르게 그것을 구현하는 방법을 단서를 제공합니다.

Answer 1

당신은 당신이 사용자로부터 "이벤트"를 처리하려고 할 때 다음, 당신이 보는 업의 속성을 사용자 (예를 들어, 선폭 및 색상), 다음의 "페인트 것을 위해 모든 사용자의 등록 정보를 캐시 할 필요가 행사".

는 Multiuser Drawing Pad Built with Pure JavaScript/HTML5/Canvas에 코드 전체 예제를 참조하십시오. 좋은 작업 데모 -