Pietimer is a creative way to perform time-bound actions on websites and web applications. In fact, it is an alternate to traditional countdown timers that are usually used in web pages. Pietimer displays a reducing pie disk and triggers a callback function as the pie disappears completely. The pie is used as a canvas element on a [...]
Read the rest of this entry »Posts Tagged ‘Canvas’
Object Oriented JavaScript Library To Manage HTML5 Canvas Element: jCanvaScript
jCanvaScript is a fully object oriented JavaScript library that provides you methods to access and manage HTML5 canvas elements. The library is supported by all platforms including iPad, iPhone, Android etc. With jCanvasScript library, you can utilize mouse and keyboard event to provide drag-and-drop, object animation and several other capabilities. For Internet Explorer, you can use [...]
Read the rest of this entry »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, [...]
Read the rest of this entry »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 [...]
Read the rest of this entry »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) [...]
Read the rest of this entry »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: [...]
Read the rest of this entry »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: [...]
Read the rest of this entry »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: [...]
Read the rest of this entry »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 [...]
Read the rest of this entry »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 [...]
Read the rest of this entry »