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
1
vote
0 answers

Passing image src to backing bean in Seam

I am new to SEAM and JSF and using pixastic for clientside image manipulation, I have successfully got crop rotate and some other operations working today. While doing image operations I found one interesting fact that whenever I do particular…
Rahul Borkar
  • 2,742
  • 3
  • 24
  • 38
1
vote
0 answers

Pixastic doesn't work properly in Safari

I'm using the Pixastic javascript library to make several images on a webpage grayscale. It works in Chrome and Firefox, but not in Safari. Sometimes it makes a few random images grayscale, and sometimes it doesn't do anything at all. Here's a test…
Lisa D
  • 31
  • 3
1
vote
1 answer

How to change contrast with Pixastic jquery?

I try to change the contrast of my picture using Pixastic but it gives me an error telling me that Error: uncaught exception: [Exception... "Security error" code: "1000" nsresult: "0x805303e8 (NS_ERROR_DOM_SECURITY_ERR)" …
wallace740
  • 1,380
  • 5
  • 19
  • 36
1
vote
2 answers

How to rotate with Pixastic jquery more than once?

I try to rotate my image when I click(using Pixastic) but I can only rotate 1 time, how can I go on rotating each time I click to the image $('#tok').click(function() { $("#tok").pixastic("rotate", {angle:90}); …
wallace740
  • 1,380
  • 5
  • 19
  • 36
1
vote
2 answers

Simple JavaScript function to blur an image

I'm using a [jQuery plugin][1] to create a blur an image with the following code: $(document).ready(function(){ var img = new Image(); img.onload = function() { Pixastic.process(img, "blurfast",…
fxfuture
  • 1,910
  • 3
  • 26
  • 40
1
vote
1 answer

Can't process prepended with Pixastic

My question is rather basic, but I can't find it out. I have a quite big library of images to display in my website, so I've written a jQuery script to scan the folder, gather sources of images and put them as a background-image in the right place.…
1
vote
2 answers

Pixel level access with Pixastic and RaphaelJS

I'm working on an image editor and I have to create some pixel manipulation methods applied on RaphaelJS images. I am considering using Pixastic library for pixel manipulation. The problem is the I cannot link RaphaelJS image to Pixastic since…
Pasman
  • 445
  • 3
  • 14
1
vote
1 answer

Pixastic - jQuery plugin not working?

I have a problem with jQuery plugin called Pixastic. I got it working as standalone library, but I cannot use it with jQuery because it does not work, I used code from documentation and still can't get it to work for some reason. Documentation that…
Stan
  • 25,744
  • 53
  • 164
  • 242
1
vote
1 answer

Can't understand why does canvas not edited

This is a function of a json object. canvas param is a canvas with image loaded and canvasCtx is a context of the canvas. The problem is that when i move the slider, the canvas is edited only once and if i move it again nothing happens. But if i add…
aikixd
  • 506
  • 5
  • 16
1
vote
1 answer

Saving Pixastic Images

I have been playing around with todataurl following some advice but to no avail. I am using the pixastic processing library and the manipulated image is placed in a div. I want a way to be able to temporarily store these images so that they can be…
Dan Hardy
  • 11
  • 2
1
vote
1 answer

Pixastic ColorAdjust Type Error Undefined

I'm really hoping someone will be able to help... I have double and triple and quadruple checked that the Pixastic libraries are loading. Here is my HTML code: In the tag:
NYCjbd
  • 71
  • 9
1
vote
0 answers

Combining filters with Pixastic

function setBrightness(value){ var img = document.getElementById("editedImage"); Pixastic.revert(img); Pixastic.process( img, "brightness", /* brightness/contrast adjustment */ { /* options object */ …
Rafael Korbas
  • 2,213
  • 3
  • 19
  • 30
1
vote
1 answer

combine kineticjs and pixastic to apply image effect

I'm trying to use some features from the pixastic libary and combine it with kineticjs. One of which is to apply the sepia effect in pixastic to an image created with kineticjs. I have a jsfiddle setup here: http://jsfiddle.net/SkVJu/28/ I thought…
odd_duck
  • 3,941
  • 7
  • 43
  • 85
1
vote
1 answer

Trying to calculate the Pixastic color adjust values from a hex or RGB color

I've inherited a small web application that has a feature where the user can select a color from a dropdown, then a portion of an image is colorized. The colorization happens via a Javascript library called Pixastic. Pixastic loads an image into a…
Mark Biek
  • 146,731
  • 54
  • 156
  • 201
1
vote
1 answer

Blend two images with pixastic does not work. How to get the new image?

Hey i´m trying to blend two images with pixastic. One image can be dragged an dropped on the other image (with jqueryUI) and after it has got the right position the two images shall become one. So i want to use the pixastic blend effect. I tried…
Marc Ster
  • 2,276
  • 6
  • 33
  • 63