canvas

@fluid-example/canvas

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

Getting Started

You can run this example using the following steps:

1. Run npm install and npm run build:fast -- --nolint from the FluidFramework root directory. a. For an even faster build, you can add the package name to the build command, like this: npm run build:fast -- --nolint @fluid-example/canvas
2. Run npm run start from this directory (examples/data-objects/canvas) and open http://localhost:8080 in a web browser to see the app running.

Data model

Canvas uses the following distributed data structures:

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