@mondrian/mondrian

This is a out-of-box drawing board library based on PIXI.js. (Piet Mondrian, one of the greatest abstract style artists of the 20th century.)

Features

• Full abilities of drawing board likes:
  • line draw
  • shape draw
  • viewport support
  • history
• Multi client collaboration.
• High performance.
• Easy to use, easy to extends.
• Extendable.

Demos

• Simple codepen useing cdn released bundle
• Examples in github
• Online mondrian client

Setup

NPM Install

npm install --save @mondrian/mondrian

There is no default export. The way to import Mondrian is:

import { Mondrian } from "@mondrian/mondrian";

Learn more about Mondrian's APIs, check the api docs out.

CDN Install

<script src="https://unpkg.com/@mondrian/mondrian@latest/dist/index.umd.js"></script>
<script>
  const mondrian = new Mondrian.Mondrian({
    container: document.getElementById("draw-container"),
    viewport: true,
    background: true,
    debug: false,
  });
</script>

APIs

• API Docs

More about this libary

• Github Poject
• Issues