CamanJS - Image Manipulation in Javascript
4 weeks ago by danburzo
"The main focus of CamanJS is manipulating images using the HTML5 canvas and Javascript. It's a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques. It is also completely library independent and can be safely used next to jQuery, YUI, Scriptaculous, MooTools, etc."
web-development
javascript
image-processing
library
canvas
html5
_projects
_noteworthy
4 weeks ago by danburzo
Faster Canvas Pixel Manipulation with Typed Arrays [Mozilla Hacks]
7 weeks ago by danburzo
"Typed Arrays can significantly increase the pixel manipulation performance of your HTML5 2D canvas Web apps. This is of particular importance to developers looking to use HTML5 for making browser-based games."
html5
javascript
web-development
mobile-development
game-development
graphics
image-processing
real-time
canvas
performance
7 weeks ago by danburzo
Fabric.js Javascript Canvas Library
february 2012 by danburzo
"Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas (and canvas-to-SVG) parser.
Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes — rectangles, circles, ellipses, polygons, or more complex shapes consisting of hundreds or thousands of simple paths. You can then scale, move, and rotate these objects with the mouse; modify their properties — color, transparency, z-index, etc. You can also manipulate these objects altogether — grouping them with a simple mouse selection.
You can add text on canvas and dynamically manipulate its size, alignment, fontfamily and other properties. You can apply filters to images, making them grayscale or removing background. You can serialize the entire canvas into a JSON string — saving it locally or on a server — then completely restore it at any time. You can also export canvas data back into SVG at any time."
javascript
html5
canvas
svg
drawing
geometry
algorithms
mathematics
library
Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes — rectangles, circles, ellipses, polygons, or more complex shapes consisting of hundreds or thousands of simple paths. You can then scale, move, and rotate these objects with the mouse; modify their properties — color, transparency, z-index, etc. You can also manipulate these objects altogether — grouping them with a simple mouse selection.
You can add text on canvas and dynamically manipulate its size, alignment, fontfamily and other properties. You can apply filters to images, making them grayscale or removing background. You can serialize the entire canvas into a JSON string — saving it locally or on a server — then completely restore it at any time. You can also export canvas data back into SVG at any time."
february 2012 by danburzo
Paper.js
july 2011 by danburzo
"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.
Paper.js is based on and largely compatible with Scriptographer, a scripting environment for Adobe Illustrator with an active community of scripters and more than 10 years of development.
Paper.js is developed by Jürg Lehni & Jonathan Puckey, and distributed under the permissive MIT License."
javascript
html5
canvas
graphics
tools
vector
bezier
scriptographer
jurg-lehni
jonathan-puckley
web-development
framework
_noteworthy
_licenta
Paper.js is based on and largely compatible with Scriptographer, a scripting environment for Adobe Illustrator with an active community of scripters and more than 10 years of development.
Paper.js is developed by Jürg Lehni & Jonathan Puckey, and distributed under the permissive MIT License."
july 2011 by danburzo
pdf.js: Rendering PDF with HTML5 and JavaScript | Andreas Gal
june 2011 by danburzo
Very cool, render PDFs natively with JavaScript and HTML5 (Work in progress)
pdf
javascript
html5
canvas
svg
firefox
web-development
june 2011 by danburzo
TypeSet
may 2011 by danburzo
"This is an implementation of the Knuth and Plass line breaking algorithm using JavaScript and the HTML5 canvas element. The goal of this implementation is to optimally set justified text in the new HTML5 canvas element, and ultimately provide a library for various line breaking algorithms in JavaScript."
latex
typography
javascript
web-development
web-design
html5
canvas
may 2011 by danburzo
EaselJS: A Javascript Library for Working with the HTML5 Canvas Element.
march 2011 by danburzo
EaselJS is a JavaScript library that allows you to work with the Canvas element in ActionScript style.
javascript
html5
canvas
library
animation
actionscript
march 2011 by danburzo
Mr.doob | Harmony (HTML5)
march 2010 by danburzo
This is so awesome it makes my brain explode.
actionscript
javascript
html5
canvas
algorithms
illustration
flash
visualization
experiments
papervision
as3
drawing
tools
web-development
_inspiration
_aq
march 2010 by danburzo
Raphaël—JavaScript Library
november 2009 by danburzo
"Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library."
graphics
canvas
vector
web-development
jquery
javascript
svg
library
november 2009 by danburzo
related tags
3d ⊕ actionscript ⊕ algorithms ⊕ animation ⊕ as3 ⊕ bezier ⊕ canvas ⊖ color ⊕ design ⊕ drawing ⊕ experiments ⊕ firefox ⊕ flash ⊕ framework ⊕ game-development ⊕ games ⊕ geometry ⊕ graphics ⊕ html5 ⊕ illustration ⊕ image-processing ⊕ ios ⊕ javascript ⊕ jonathan-puckley ⊕ jquery ⊕ jurg-lehni ⊕ latex ⊕ library ⊕ mathematics ⊕ mobile-development ⊕ papervision ⊕ pdf ⊕ performance ⊕ real-time ⊕ scriptographer ⊕ svg ⊕ tools ⊕ typography ⊕ vector ⊕ via:vsl ⊕ visualization ⊕ web-design ⊕ web-development ⊕ webgl ⊕ _aq ⊕ _inspiration ⊕ _licenta ⊕ _noteworthy ⊕ _projects ⊕Copy this bookmark: