danburzo + svg   5

Fabric.js Javascript Canvas Library
"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 
february 2012 by danburzo
pdf.js: Rendering PDF with HTML5 and JavaScript | Andreas Gal
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
"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
"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
"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:



description:


tags: