Pixastic：效果不起作用

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="pixastic.custom.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#image').pixastic("desaturate"); 
}); 
</script> 
</head> 

<body> 
    <img id="image" src="test2.jpg"/> 
</body> 

</html>

這是我正在使用的代碼，當我在瀏覽器中加載頁面時，圖像不會去飽和。任何人都可以請幫我糾正代碼有什麼問題！Pixastic：效果不起作用

來源

2011-07-02 Shekhar

我想通了什麼問題.... 我試圖訪問本地文件。由於本地訪問文件導致某些「安全錯誤」，因此圖像沒有去飽和。我安裝了Xampp，在我的電腦上創建了一個本地服務器，然後運行該文件...並且瞧Pixastic開始工作。 – Shekhar

我不確定，但我想你可能會被允許回答你自己的問題...... – 2011-07-02 08:20:09

好吧，卡曼不工作？

繼承人和示例去色過濾器工作的：

http://jsfiddle.net/PCbvb/7/

觀光牢記與pixastic：

（1）你應該嘗試：$(whatever).pixastic("desaturate",{average : false});（平均錯誤位）

（2）僅當圖像與使用該圖像的腳本處於相同域時，canvas才起作用。

希望有所幫助。

亞歷

來源

2012-02-26 21:52:53 Alex

這是稍微移動目標帖子，但我最近有一個項目，我需要做大量的畫布圖像處理，並開始與pixastic，但我遇到了很多問題，並沒有找到大量的文檔。我轉移到使用http://camanjs.com/，這一切都更容易，我有更少的問題。該圖書館非常容易作爲Pixastic的替代品而受到啓蒙。

希望它可以幫助亞歷

PS值得一提的是，那裏有很多非常酷的預設太： http://camanjs.com/examples/presets

來源

2011-11-12 19:10:59 Alex

我想通了什麼問題....我試圖訪問這些文件本地。由於本地訪問文件導致某些「安全錯誤」，因此圖像沒有去飽和。我安裝了Xampp，在我的電腦上創建了一個本地服務器，然後運行該文件...並且瞧Pixastic開始工作。

來源

2012-01-19 18:13:21 Shekhar

添加[0]作出了很大的區別。絕對是我的伎倆。試一試。

Pixastic.revert($(this).find('.imageUrl')[0]);

另一件事是我不得不創建一個VAR作爲pixastic創建一個重複的畫布。

這是我的全部功能

$(function() { 

    $('.col1.w1').mouseenter(function() { 

     var origImg = ($(this).find('.imageUrl')); 
     if (origImg.is('img')) { 
      Pixastic.process(origImg[0], 'blurfast', { amount: 2 }); 
     } 

    }); 
    $('.col1.w1').mouseout(function() { 
     var origImg = ($(this).find('.imageUrl')); 
     Pixastic.revert($(this).find('.imageUrl')[0]); 

    }); 
});

來源

2014-02-07 15:11:17

Pixastic：效果不起作用

回答

相關問題