javascript - Pixastic doesn't work properly for me, why? -

I need to do some interactive image processing on the webpage I found and it looked good for work.

I'm trying to blur an image, but I can only get "blurfast" to work "Blur" does not work for me.

I am watching and reading the document and can not see why this is unsuccessful. Does anybody have any ideas?

I use this JS:

  $ (function () {var img = document.getElementById ("imageone"); $ ("# blurfastbutton" " Click (Function (Process (IMG, "Blurfast", {Amount: 0.2});}); $ ("#blurberton") Click (function () {pixstick. Process (IMG, Blur) "};});}); For many additives, pixstick must swap  & lt; img & gt;    
 
 element  and lt; canvas & gt;  element and per-pixel adjustment form A security exception is being tampered with the image being compromised using the  "blur" , because the image source is on the separate domain in the document.  
 
 You also must know that due to security restrictions in the canvas element, pixsticks will only work with images that live on the same host, the page you are using it on.   
 The reason is not with  "blurfast"  So because it works differently: very small volume image change again. This apparently  & lt; Canvas & gt;  does not violate the element.  
 The best way is to stick to "bluefest"  - it's fast and fast after all if you actually use  "blur"  You will need to make sure that all the images are in the form of the current document on the same domain.