@kurtb/canvas

Fluid ink canvas

Usage no npm install needed!

<script type="module">
  import kurtbCanvas from 'https://cdn.skypack.dev/@kurtb/canvas';
</script>

README

@fluid-example/canvas

Forked from https://github.com/microsoft/FluidFramework/tree/main/examples/data-objects/canvas

Canvas is a Fluid Component that displays a collaborative canvas you can draw on.

Getting Started

If you want to run this example follow the following steps:

  1. Run npm install from the FluidFramework root directory
  2. Navigate to this directory
  3. Run npm run start

Data model

Canvas uses the following distributed data structures:

  • SharedDirectory - root
  • Ink - Append only stream designed for ink scenarios