CSSREVOLT - blog personale di Filippo Buratti

Pixastic è una fantastica libreria javascript basata sull'elemento HTML 5 canvas per la manipolazione delle immagini. Del suo utilizzo tratta il mio ultimo articolo pubblicato su HTML.IT, con esempi di applicazione di pixastic utilizzando JQuery e Prototype, per ognuno dei quali ho utilizzato un apposito "adattatore".

Per conto mio ho poi sviluppato gli esempi di HTML.it in forma di plugin, con un codice più object oriented per un più agevole e veloce utilizzo: in realtà è rimasto allo stato sperimentale, perchè non lo ho mai utilizzato in ambiente di produzione. Da sottolinerare poi che alcuni interessanti effetti di Pixastic, come sottolineato dalla documentazione ufficiale, non sono disponibili per tutti i browser.

Comunque ecco gli esempi dello script più evoluto:

• JQuery Pixastic plugin
  
• Prototype Pixastic plugin
  

Il codice da utilizzare è in entrambi i casi molto semplice:

// Prototype
new pixRollover(element, {fx:'blurfast'});

// JQuery
$(element).pixGallery({fx:'desaturate'});