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图像处理，奇怪的错误

回答

相关问题