########################
White board by WebRTC
########################


.. include:: ../links.ref
.. include:: ../tags.ref
.. include:: ../abbrs.ref

============ ==========================
**Abstract** White board by WebRTC
**Authors**  Walter Fan
**Status**   WIP as draft
**Category** LearningNote
**Updated**  |date|
============ ==========================

.. contents::
    :local:


Overview
======================

我们可以在 Web 页面上绘制各种图形，例如点，线，矩形，圆等，有几种方法可以将这些绘制的内容发送给其他用户。

1. 将绘制指令传送给其他用户
2. 将图像快照传送给其他用户


Example
======================

* [Realtime collaborative drawing with canvas and WebRTC (part 1): SimplePeer, WebSockets and Canvas](https://dev.to/nyxtom/realtime-collaborative-drawing-with-canvas-and-webrtc-2d01)


Reference
======================
* [Web Canvas API](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API)