Canvas

23 articles

JavaScript Image Manipulation Library: CamanJS

CamanJS is an HTML canvas image manipulation JavaScript library with a very easy to use interface and a webworkers backend. CamanJS is not a canvas drawing library, it's main focus is manipulating images, not drawing new content. It provides much of the basic functionality you would find in something like Photoshop (image contrast, brightness, levels, saturation, etc.) This Javascript image manipulation…

Powerful JavaScript Canvas Graphing Library: canvasXpress

CanvasXpress is a JavaScript Canvas Library based on the HTML5 canvas tag that provides a generic and simple way to display genomics data. It support multiple graph types including Bar-Line graphs, 2D-3D scatter plots, Heatmaps, Venn diagrams and much more. canvasXpress supports data transformations and event. It is a cross browser compatible library and works with all major browsers. Website: http://canvasxpress.org/…

Pixelate Any Image Using HTML5 Canvas: Close Pixelate

Close Pixelate helps you pixelate any image using an HTML5 canvas element. Users can control the output of the rendering by passing in an array of options, like: Resolution (The distance in pixels between rendered pixels) The shape of the pixel (square, circle or diamond) Alpha (A decimal value for the opacity of the rendering) Requirements: HTML5 enabled browser Website:…

JavaScript Canvas Library: Artisan JS

Artisan JS is an Open Source JavaScript Canvas Library that aims to make in-browser drawing very easy. It specifically targets Canvas and supports for layered data, graphics can be layered and flattened when rendered, but the data remains. This means the data can continue to be manipulated after it is rendered. Requirements: Canvas supported browser Website: http://www.artisanjs.com/ License: GPL, MIT

Timeline-Driven Javascript Animation Toolkit: Mashi

Mashi JavaScript Timeline Toolkit is an open source Javascript toolkit that brings timeline-driven animation and interaction capabilities to your web site. Animation Toolkit Features HTML5 Canvas supported No web server or browser plug-ins required Easily Extendable via Plugins Enables to get elements from external (valid) HTML or XML files Compatibility: All modern browsers Website: http://mashi.tv Examples: http://mashi.tv/gallery License: BSD & Academic…

Javascript Chart and Graph Plotting Library: PlotKit

PlotKit is a Chart and Graph Plotting Library for Javascript, aimed at web applications that require plotting series of data in modern web browsers. It has support for HTML Canvas and SVG via Adobe SVG Viewer and native browser support. PlotKit is easily extensible to include other rendering engines, styles and layouts. Requirements: MochiKit Website: http://www.liquidx.net/plotkit/ License: BSD

Wrap Text Around An Image – jQSlickWrap

If you've ever felt the need to wrap stuff around an irregularly-shaped image using CSS, you may have been somewhat disappointed to find out that it's forced to wrap around the image's bounding box, rather than the actual contents of the image. jQSlickWrap is a jQuery plugin that works on HTML5 Canvas element and enables you to easily and accurately…

MooTools HTML5 Canvas Library – MCL

MooTools Canvas Library (MCL) provides functionality to manage and interact with the content of a html5 canvas element. It provides an easy to use interface for managing layers on a canvas object and enables you to use basic mouse events and provides drag n drop support for items. This HTML5 Canvas Library is built utilizing many features of the MooTools…

Canvas Based Drawing and Animation Framework – jcotton

jcotton, a javascript framework that lets you draw and animate on html canvas. It contains a simple to read and write interface that allows properties and animations to be chained together. jcotton offers animating a range from simple shapes to complex curved ones with text animation support. It works on all major browsers and also supports mobile browsers (limited fonts).…

Mind Mapping Web Application Built on HTML5 Canvas

Think is a free, interactive and handy mind mapping web application built on the HTML5 Canvas element, Django and Google App Engine. This HTML5 Canvas Application allows users to create and view their own mind maps. Think is a simple web application and easy to use: Click a node to genrate new node or connect with others Edit the node text Delete or modify a node's connections Website: http://think-app.appspot.com/…