CamanJS 이미지 조작, 이상한 오류

저는 CamanJS를 사용하여 자바 스크립트로 이미지 조작을하고 있는데, 두 개의 비슷한 간단한 스크립트가 있습니다. 첫 번째 스크립트는 잘 작동하고 두 번째 스크립트는 작동하지 않습니다.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>

: 형식 오류가 : 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 이미지 조작, 이상한 오류

답변

관련 문제