Pikaso NPM | npm.io

Install

Pikaso provides both ES module and CommonJS bundles, which is easy to use with the popular bundlers

npm install pikaso --save

yarn add pikaso

Pikaso also supports UMD loading

<srcipt src="https://cdn.jsdelivr.net/npm/pikaso@latest/umd/pikaso.min.js" type="text/javascript" />

import Pikaso from 'pikaso'

const editor = new Pikaso({
  container: document.getElementById('<YOUR_DIV_ID>'),
})

This is possible to directly import the library or reuse the official hook
https://github.com/pikasojs/pikaso-react-hook

Pikaso comes with support for NodeJs out of the box.
Using Pikaso in a NodeJs environment is similar to using it in a browser.

Konva is a great HTML5 Canvas TypeScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

Pikaso is built on top of Konva to provide a couple of advanced features that Konva doesn't support out of the box.

Library
HTML5 Canvas	Provides low level APIs to draw graphics
Konva	Provides Shapes, Dragging, Styling, Events, Transformation and Filters features to HTML5 canvas
Pikaso	Adds a lot of Simplicity and provides Free style and Shape Drawing, Advanced Shapes and Groups, State Management (Undo/Redo/Reset), JSON Import/Export, Text Editing, Cropping, Rotation, Transformation, Event Manager, Snap to Grid, Advanced Transformation and Selection, Flipping, Background Image and Background Overlay management, Filter Management to Konva