0

私はCamanJSを使用してjavascriptで画像操作を行っていますが、2つの類似した非常に単純なスクリプトがあり、1つ目はうまく機能し、2つ目は機能しません（これは私が機能する必要のあるスクリプトです）。

これは最初の作業です：

<!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>

これは2番目に機能しません。firebugでエラーを返します：TypeError：this.c.pixelData is undefined

<!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>

何か助けてください？

4

1 に答える 1

0

私にとっては、FirefoxとChromeの両方で問題なく動作します。私の限られた経験では、 this.c.pixelData は通常、CamanInstance への変換が正常に作成されなかったときに発生します。

これには多くの理由が考えられますが、予期されていないことの 1 つは、CamanJS では、複数のオブジェクトに同じ html 識別子 (クラスまたは ID) を使用できないことです。したがって、上記の 2 つのスクリプトを同じページで実行すると、エラーが発生します。

申し訳ありませんが、エラーを再現できないため、それ以上のことはできません。

于 2012-12-01T09:19:46.947 に答える