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
0
votes
1 answer

Reverting a pixastic effect with jquery

$(function() { $( "#slider" ).slider({ range: "min", value: 2, min: 0, max: 5, slide: function( event, ui ) { // While sliding update the value $( "#image" ).pixastic('blurfast', {amount:ui.value}); …
mjan8468
  • 3
  • 2
0
votes
2 answers

revert function not working on JQuery with Pixastic

I cane seem to get the revert function to work on Pixastic. What am I missing here?? function set_fx( bri, con){ $("#working-pic").pixastic("brightness",{brightness:bri,contrast:con}); } function fx_reset() { …
BeoWulf
  • 627
  • 2
  • 6
  • 18
0
votes
1 answer

Grayscale toggle button with Pixastic

I have a script that has to maniplate an image and (among others) to be able to convert to grayscale and back again to none-grayscale. I am using Pixastic for this, and it all works great so-far in my proof of concept…
Gerben van Dijk
  • 868
  • 6
  • 15
0
votes
2 answers

JavaScript - Pixastic - Error : this operation is unsecure

I'm trying to desaturate an image using Pixastic. I donwloaded the script from the official website and checked the only things needed (core, jquery plugin, and desaturate effect). I tried using the same code as they show in the demo, except that i…
Virus721
  • 8,061
  • 12
  • 67
  • 123
0
votes
0 answers

Resizing and image processing on many images?

I have several 1000s of images on disk that I need to display a subset of, given user search criteria. What this means is I could be showing 100s at one time. Each image is large- 3510x1131 to be exact. And I need to do some light image…
Nicros
  • 5,031
  • 12
  • 57
  • 101
0
votes
1 answer

Calling a function on an image after it is loaded

I am trying to dynamically add a bunch of images to my page in jQuery, and then use the pixastic image processing library to modify them. The user enters some search criteria, the list of image URLs is returned I append them to my content area and…
Nicros
  • 5,031
  • 12
  • 57
  • 101
0
votes
1 answer

Jquery Cycle and Pixastic fast blur

I am trying to cycle my image and blur the background image but the problem is it only blurs the first image but not the next image.
0
votes
1 answer

Coffeescript dynamically create/call a function from a list on select box value change

I'm working on adding some image editing tools using the Pixastic library. The idea is that the user can choose an aspect of the image or tool they want from a select box, then the tool will show up below the select box (I'm using select2) and the…
Michael
  • 683
  • 9
  • 21
0
votes
2 answers

Image editing with a slider and Pixastic library

I'm trying to edit an image using the Pixastic js library so that the image is automatically blurred to a certain value when the user moves a JqueryUI slider. I've already gotten this to work using a slider to adjust the opacity CSS value the image…
Michael
  • 683
  • 9
  • 21
0
votes
1 answer

Pixastic Blur not working - variable issue?

So I want to try the Pixastic blur fast method to blur an image. The code they supply in the documentation is the following: var img = new Image(); img.onload = function() { Pixastic.process(img, "blurfast",…
Sven
  • 12,997
  • 27
  • 90
  • 148
0
votes
1 answer

I am having trouble processing my image using HTML5 Canvas and Javascript Filters from Pixastic, what am I doing wrong?

The Javascript "pixastic.custom (5) file was created from Pixastic using just the core code and "lighten" filter. The code works to redraw the image in the canvas in a Mozilla Broweser, however it is not filtering it. The HTML5 is coding the…
Isaac Steward Tucker
  • 1
0
votes
1 answer

My PIXASTIC "Lighten.js" filter Javascript and HTML5 code is not working

Here is my code, what am I doing wrong? The image currently is showing up in the browser, but it is not lightened... Here is my HTML CODE and that is linked to the custom.js file built from their download site (it includes the core and the…
Isaac Steward Tucker
  • 1
0
votes
2 answers

How to revert an image in pixastic when an element is clicked?

I just tried following code to blur an image , it works well. But i want to revert back when an element is clicked, how can I do this ? $(window).bind("load",function() { $(".testclass").pixastic("blurfast", {amount:0.9}); …
Srivi
  • 407
  • 3
  • 7
  • 20
-1
votes
1 answer

How to save image after edit in php

I have create a simple image editor with the effects of brightness, contrast, and desaturation etc. I have used for this pixastic functions from www.pixastic.com. The function is working successfully but I don't know how to replace the original…
user2251615
  • 1
1 2 3
4