Pixastic Library: Image Processing With JavaScript
With Pixastic JavaScript library, multiple effects and filters can be easily applied to your images published on the web. It works as standalone image processing library or as a plugin for jQuery, in both cases, a small number of lines of code being required for the integration into a given script or other web based applications.
The actions and effects present in Pixastic library allows the execution of a large suite of image processing operations such as blur, crop, emboss, posterize, edge detection, flip, color adjusting, noise removal and more.
At the code level, the images are accessed on a pixel by pixel basis, when the canvas element methods getImageData() and respectively putImageData() are used. Every action, effect or filter applied to an existing image is fully customizable by adjusting the parameters values corresponding to certain options.
Due to the library functionality, a canvas enabled web browser is required in order to ensure the maximum level of compatibility for scripts relying on Pixastic library, even a few effects are based on Internet Explorer proprietary filters. As a consequence, compatible web browsers with support for canvas element are: Firefox 2.x and 3.x, Opera 9.5 and higher versions, as well as Safari.
Images and scripts must be hosted on the same server due to restrictions imposed by the canvas element methods. If you want to perform a live test of Pixastic, an online photo editor which includes many of its features is available at the Pixastic official website.
Related Articles
