CamanJS圖像處理，奇怪的錯誤

我使用CamanJS做一些圖像處理與JavaScript，我有兩個類似非常簡單的腳本，第一個很好，第二個沒有（這是我需要工作的腳本）。CamanJS圖像處理，奇怪的錯誤

這是第一個工作：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>CamanJS Testing Playground</title> 
    <script type="text/javascript" src="caman.full.min.js"></script> 
</head> 
<body> 
    <button onclick="filtraPhoto();">MODIFICA</button><br /> 
    <img id="smallImage" /> 
    <script> 
    var immagine; 
    var smallImage = document.getElementById('smallImage'); 
    smallImage.src = "test1_600.jpg"; 
    immagine = Caman("#smallImage", function() {}); 
    function filtraPhoto() { 
     immagine.brightness(10).contrast(500).render(function() { 
      alert("Done!"); 
     }); 
    } 
    </script> 
</body> 
</html>

這是第二個不工作，它在Firebug返回錯誤：類型錯誤：this.c.pixelData未定義

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>CamanJS Testing Playground</title> 
    <script type="text/javascript" src="caman.full.min.js"></script> 
    <script> 
    var immagine; 
    function carica() 
    { 
     var smallImage = document.getElementById('smallImage'); 
     smallImage.src = "test1_600.jpg"; 
     immagine = Caman("#smallImage", function() {}); 
    } 
    function filtraPhoto() { 
     immagine.brightness(10).contrast(500).render(function() { 
      alert("Done!"); 
     }); 
    } 
    </script> 
</head> 
<body> 
    <button onclick="carica();">carica immagine</button><br /> 
    <button onclick="filtraPhoto();">MODIFICA</button><br /> 
    <img id="smallImage" /> 
</body> 
</html>

請幫忙嗎？

來源

2012-10-09 Laphroaig

它在Firefox和Chrome中運行得很好。在我有限的經驗中，this.c.pixelData通常出現在您未成功創建CamanInstance的轉換中。

這可能是因爲很多事情，但不是所期望的是，CamanJS不會讓你爲多個對象使用相同的html標識符（類或id），即使你已經交換了它們出。因此，如果您在同一頁面上運行上述兩個腳本，則會導致錯誤。

對不起，沒有能夠重現你的錯誤，很難幫助更多。

來源

2012-12-01 09:19:46 jeffreymatthias

CamanJS圖像處理，奇怪的錯誤

回答

相關問題