whiteboard/example/index.ts

import { EventHub } from './../src/event/EventHub';
import { Whiteboard } from './../src/board/Whiteboard/index';

const eventHub = new EventHub();

eventHub.on('sync', (changeEv: SyncEvent) => {});

const images = [
  'https://upload-images.jianshu.io/upload_images/1647496-6bede989c09af527.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
  'http://upload-images.jianshu.io/upload_images/1647496-d281090a702045e5.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
  'http://upload-images.jianshu.io/upload_images/1647496-611a416be07d7ca3.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240'
];

const whiteboard = new Whiteboard(document.getElementById('root') as HTMLDivElement, {
  sources: images,
  eventHub
});

whiteboard.open();

const mirrorWhiteboard = new Whiteboard(document.getElementById('root-mirror') as HTMLDivElement, {
  sources: images,
  eventHub,
  mode: 'mirror'
});

mirrorWhiteboard.open();