drawingboard.js - A canvas based drawing app that you can integrate easily on your website.

  •        222

This is a canvas based drawing app that you can integrate easily on your website. drawingboard.js consists of a blank canvas surrounded by a few UI elements that control it: a color picker, a pencil, a paint can, an eraser, a pencil size chooser, navigations and reset buttons.

leimi.github.io/drawingboard.js
https://github.com/Leimi/drawingboard.js

Tags
Implementation
License
Platform

   




Related Projects

Tux Paint

  •    C

Art software to let kids draw and paint. For children 3 to 12 years.

jspaint - 🎨 Classic MS Paint, REVIVED + ✨Extras

  •    Javascript

The goal is to remake MS Paint (including its little-known features), improve on it, and to extend the types of images it can edit. So far, it does this pretty well.Ah yes, good old paint. Not the one with the ribbons or the new skeuomorphic one with the interface that can take up nearly half the screen. And sorry, not the even newer Paint 3D.

react-native-sketch - 🎨 A React Native <Sketch /> component for touch-based drawing.

  •    Objective-C

A React Native component for touch-based drawing. The project contains a folder examples that contains few demos of how to use react-native-sketch. Just copy and paste the code to your React Native application.

p5 - JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing

  •    Javascript

p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web.Using the original metaphor of a software sketchbook, p5.js has a full set of drawing functionality. However, you're not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5.js has addon libraries that make it easy to interact with other HTML5 objects, including text, input, video, webcam, and sound.

css-paint-polyfill - A polyfill for the CSS Paint API, with special browser optimizations.

  •    Javascript

This is a polyfill for the CSS Paint API. Performance is quite good in Firefox and Safari courtesy of -webkit-canvas() and -moz-element(). For the remaining browsers, framerate is governed by Canvas toDataURL() / toBlob() speed.


react-native-sketch-canvas - A React Native component for drawing by touching on both iOS and Android

  •    Javascript

A React Native component for drawing by touching on both iOS and Android. To use an image as background, localSourceImage(see below) reqires an object, which consists of filename, directory(optional) and mode(optional). Note: Because native module cannot read the file in JS bundle, file path cannot be relative to JS side. For example, '../assets/image/image.png' will fail to load image.

Kinect Canvas

  •    

Project is intended for fun purpose. Appreciate feedback in any form.

Krita - Digital painting application

  •    C++

Krita is a free and open source digital painting application. It is for artists who want to create professional work from start to end. Krita is used by comic book artists, illustrators, concept artists, matte and texture painters and in the digital VFX industry.

GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages

  •    Javascript

GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. There are samples for flowchart, org chart, business process BPMN, swimlanes, timelines, state charts, kanban, network, mindmap, sankey, family trees and genogram charts, fishbone diagrams, floor plans, UML, decision trees, pert charts, Gantt, and hundreds more. GoJS includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.

wPaint - jQuery Paint Plugin

  •    Javascript

A jQuery paint plugin for a simple drawing surface that you can easily pop into your pages, similar to the basic windows paint program. If you enjoy this plugin please leave a small contribution on Gittip. I work on these plugins completely in my free time and any contribution is greatly appreciated.

MyPaint - Simple drawing and painting program

  •    Python

MyPaint is a simple drawing and painting program that works well with Wacom-style graphics tablets. Its main features are a highly configurable brush engine, speed, and a fullscreen mode which allows artists to fully immerse themselves in their work.

websocket-canvas-draw - Realtime Canvas Drawing with Socket.io and Node.JS

  •    Javascript

Realtime Canvas Drawing with Socket.io and Node.JS

simpleheat - A tiny JavaScript library for drawing heatmaps with Canvas

  •    Javascript

A super-tiny JavaScript library for drawing heatmaps with Canvas. Inspired by heatmap.js, but with focus on simplicity and performance. Powers Leaflet.heat, a heatmap plugin for Leaflet.

domvas - Domvas implements the missing piece that connects the DOM and Canvas.

  •    Javascript

Domvas implements the missing piece that connects the DOM and Canvas. It gives to the ability to take arbitrary DOM content and paint it to a Canvas of your choice. readyCallback's 'this' and first argument points to a valid, preloaded image node that you can simply draw to your canvas context.

Gimp - GNU Image Manipulation Program, A photoshop alternative

  •    C

GIMP is the GNU Image Manipulation Program. It has many capabilities. It can be used as a simple Paint program, with full suite of painting tools including Brush, Pencil, Airbrush, Clone, etc. It supports Photo Enhancement, Digital Retouching, Image format converter, Animation etc.

sketch.js - A jQuery plugin for dead simple Canvas-based drawing.

  •    CoffeeScript

A jQuery plugin for dead simple Canvas-based drawing.

react-art - React Bridge to the ART Drawing Library

  •    Javascript

React ART is a JavaScript library for drawing vector graphics using React. It provides declarative and reactive bindings to the ART library. Using the same declarative API you can render the output to either Canvas, SVG or VML (IE8).

ocanvas - JavaScript library for object-based canvas drawing.

  •    Javascript

JavaScript library for object-based canvas drawing.

ios-imagefile-megapixel - Fixes iOS6 Safari's image file rendering issue for large size image (over mega-pixel), which causes unexpected subsampling when drawing it in canvas

  •    Javascript

Fixes iOS6 Safari's image file rendering issue for large size image (over mega-pixel), which causes unexpected subsampling when drawing it in canvas. By using this library, you can safely render the image with proper stretching. Although it mainly focuses fixing iOS Safari related issues, it can be safely used in the envionments other than iOS6.

Poor Paint

  •    Objective-C

Poor Paint is an Open Source framework for painting software on Mac OS X. It demonstrates how to use Cocoa, canvas, event, etc.