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
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
d3.js
march 2011 by danburzo
"D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction."
javascript
data
information-visualization
web-development
svg
dom
library
march 2011 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
LSys/JS - L-Systems in JavaScript
november 2006 by danburzo
"Lindenmayer-Systems (L-Systems) are described using simple grammars. A L-System consists of an axiom, rules, constants and symbols. The rules are first applied to the axiom and then to the resulting output for each iteration."
javascript
programming
algorithms
mathematics
generative
svg
creative-coding
fractals
november 2006 by danburzo
Copy this bookmark: