jQuery plugin to detect faces on images videos and canvases
A jQuery/Zepto plugin to detect faces on images, videos and canvases to get theirs coordinates. (more…)
Nuophoto is a web interface demonstrating JS capabilities as a photo editing software
Nuophoto is basically a web interface that aims to show the capabilities of JavaScript as a photo editing software. The photo editing part is done with the library PhotoJShop. (more…)
FabricJS is a powerful and simple Javascript HTML5 canvas library
Fabric provides interactive object model on top of canvas element. Fabric also has SVG-to-canvas (and canvas-to-SVG) parser. Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes. (more…)
PaperJS is the Swiss Army Knife of Vector Graphics Scripting
Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface. (more…)
Simple JS Draw sample demonstrating sensitivity to mouse acceleration
Small piece of demo code on jsfiddle that modifies the thickness of the line while drawing. A cool way to simulate pen stroke intensity when someone does not have a stylus connected to the workstation.
HTML5 Canvas Drawing Lines with Smooth Edges
Code Theory post on drawing inline within the browser and how to keep the lines very smooth. Seems to output html, css and js code in real-time.
Raphael Sketchpad is a simple drawing editor
Raphael Sketchpad is a simple drawing editor that you can easily include with your forms. It is similar to Mai'Nada.net's InputDraw, but does not require Flash. It is built on top of the Raphael Javascript vector graphics library. Raphael Sketchpad requires these Javascript libraries: Raphael, jQuery, and JSON.stringify. (more…)
DrawingboardJS is a canvas based drawing app
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. You can draw with mouse or touch on pretty much every browser that supports canvas. (more…)