pixastic

Pixastic doesn't work properly for me, why?

由 拟墨画扇 提交于 2020-01-15 08:41:46
问题 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 reading the documentation and can't see why it fails. Has anyone any idea? I use this js: $(function(){ var img = document.getElementById("imageone"); $("#blurfastbutton").click(function() { Pixastic.process(img, "blurfast", {amount:0.2}); }); $("

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

由 99封情书 提交于 2020-01-06 19:41:32
问题 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 user can edit via a slider. Here's what I have so far: # This seeds the select2 options list imageToolsList = [ {id: 'bl', text: 'Blur'} {id: 'bc', text: 'Brightness/Contrast'} {id: 'ca', text: 'Color Adjust (RGB)'} ... ] #Creates a select box and

How to rotate with Pixastic jquery more than once?

由 半世苍凉 提交于 2019-12-24 17:25:29
问题 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}); }); 回答1: I have NOT used Pixastic before. But, I believe, everytime the image is clicked , you have to increase the angle 90 . First Click -> 90 Second Click->180 Third Click ->270 Fourth Click ->360 Fifth Click ->90..etc Updated: It seems Pixastic remove the image first and insert it

Pixastic Blur not working - variable issue?

由 雨燕双飞 提交于 2019-12-12 04:33:27
问题 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", {amount:0.5}); } document.body.appendChild(img); img.src = "myimage.jpg"; But when I try it on my page like this: $(document).ready(function() { var myImg = new Image(); myImg.onload = function() { Pixastic.process(myImg, "blurfast", {amount:0.5}); } document.body.appendChild(myImg);

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

由 自作多情 提交于 2019-12-12 04:09:01
问题 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 canvas, drawing the image on the canvas, and supposed to be redrawing the image through the Javascript Filter on to the canvas where it would then be lightened. Does any of this make sense? Here is my code below: <!DOCTYPE HTML> <html> <head> <script type

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

由 ε祈祈猫儿з 提交于 2019-12-11 09:06:59
问题 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 this so far: function BlendTheImages() { var img = new Image(); img.onload = function() { var blendImg = new Image(); blendImg.onload = function() { Pixastic.process(img, "blend", { amount : 1, mode : "multiply", image : blendImg } ); } blendImg.src =
订阅 pixastic