Stack Overflow
Stack Overflow

Questions tagged [pixastic]

Pixastic is a JavaScript library which allows you to perform a variety of operations, filters and fancy effects on images using just a bit of JavaScript.

Pixastic is a JavaScript library which allows you to perform a variety of operations, filters and fancy effects on images using just a bit of JavaScript.

Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more. For the full list, see the documentation page.

59 questions
4
votes
1 answer

Rotation with Pixastic

I have a canvas element with an image into. Now I try to rotate the image in the canvas when I click a button: $("#rotateC").live('click',function(e) { e.preventDefault(); console.log("rotateC"); Pixastic.process(firstImg,…
Brydeboel
  • 43
  • 3
4
votes
4 answers

Image Glow on Mouse Hover?

I have seen this effect where when mouse is over an image, that image glows up. I am not talking about a border glow, I mean the colors in the image glow up. I found that there is a library called Pixastic, the glow affect can be seen…
alik
  • 3,820
  • 9
  • 41
  • 55
3
votes
3 answers

How to revert the pixastic effect?

I got this pixastic script working, now I need to revert the effects on rollover. I don't really know how to do…
Talha
  • 350
  • 1
  • 4
  • 19
3
votes
1 answer

How do I save a manipulated image?

I use a javascript image processing library to manipulate an image, and when I'm done I want to have the possibility to save the image (a new file) to the server and keep track of it in a database. The database part is no problem, but how do I save…
Gustav
  • 1,361
  • 1
  • 12
  • 24
3
votes
1 answer

jQuery fallback if css fails to process image

In my web app, I need to desaturate/grayscale some pictures. I am using the following CSS to achieve that: .grayscale { filter: grayscale(100%); /* Current draft standard */ -webkit-filter: grayscale(100%); /* New WebKit */ -moz-filter:…
amb110395
  • 1,545
  • 13
  • 16
3
votes
2 answers

Canvas listener don't work after using Pixastic plugin

I have a strange conflict between Pixastic and my canvas listeners. When I use a Pixastic function on my canvas the listeners of my canvas after this operation don't work. I analyzed my canvas using the Pixastic plugin and discovered that pixastic…
JBerta93
  • 699
  • 3
  • 16
  • 27
2
votes
1 answer

Appcelerator Titanium external libraries

I am using appcelerator titanium and i am trying to build a mobile app that allows you to change an imageview brightness and contrast by using touch events. It is not possible by using Titanium standard features, so i am guessing if i can import…
Riccardo
  • 23
  • 3
2
votes
1 answer

Pixastic IE test kills IE9

The Pixastic "blend" filter seems to work fine on their demo site in IE9, but the actual downloadable code does not. I believe it's due to the "isIE" detection code in the pixastic.core.js file at line 426: isIE : function() { return…
greenbank
  • 21
  • 2
2
votes
2 answers

Using Pixastic and .live with a class of images

I'm using the Pixastic plugin in JavaScript. I have a table filled with images that are blurred. When I go over them with the mouse I want them to get normal. And when the mouse leaves an image I want it to blur back. For some reason my code doesn't…
user880057
2
votes
4 answers

Pixastic: Effects not working

Untitled Document
Shekhar
  • 910
  • 1
  • 13
  • 23
2
votes
1 answer

Pixastic doesn't work properly for me, why?

I need to do some interactive image processing on a webpage. I found pixastic and it seemed good for the job. On this page I'm trying do blur an image, but I can only get "blurfast" to work. "blur" doesn't work for me. I've been looking around and…
Gustav
  • 1,361
  • 1
  • 12
  • 24
2
votes
2 answers

Pixastic and Jquery Tools

I'm having an issue with pixastic and jquery tools overlay. I want overlay to open when an image is clicked and that image to be desaturated. Desaturation and overlay work properly, but when the overlay is closed the image is not clickable anymore…
cosmoonot
  • 2,161
  • 3
  • 32
  • 38
2
votes
1 answer

Combining effects/filters using Pixastic

I was using Pixastic to change simple effects like brightness and contrast of an image on a canvas. However, I have not been able to find a way to apply these effects together. E.g. Applying brightness then applying a contrast on this already…
sudo
  • 79
  • 1
  • 7
2
votes
1 answer

Canvas tainted with CORS images

I'm having trouble using CORS-enabled images with canvas (Pixastic). On server I have Header set Access-Control-Allow-Origin "*" in my htaccess file. On client side I tried setting the crossorigin attribute in HTML, like so :
Camille Hodoul
  • 376
  • 2
  • 13
1
vote
0 answers

How do you use the Pixastic fastblur to blur all the images on a page onLoad?

On http://www.pixastic.com/lib/docs/actions/blurfast/ , their tutorial shows how to blur a single image. var img = new Image(); img.onload = function() { Pixastic.process(img, "blurfast", {amount:0.5}); } document.body.appendChild(img); …
turmeric
  • 535
  • 2
  • 7
  • 16
1
2 3 4