Name		Name	Last commit message	Last commit date
parent directory ..
images/icons		images/icons
src		src
test		test
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.npmignore		.npmignore
LICENSE		LICENSE
README.md		README.md
jest-puppeteer.config.js		jest-puppeteer.config.js
jest.config.js		jest.config.js
package.json		package.json
tsconfig.esnext.json		tsconfig.esnext.json
tsconfig.json		tsconfig.json
webpack.config.js		webpack.config.js
webpack.dev.js		webpack.dev.js
webpack.prod.js		webpack.prod.js

README.md

@fluid-example/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:

Run npm install from the FluidFramework root directory
Navigate to this directory
Run npm run start

Data model

Canvas uses the following distributed data structures:

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