0

我正在使用 CamanJS 使用 javascript 进行一些图像处理，并且我有两个类似的非常简单的脚本，第一个运行良好，第二个不行（这是我需要运行的脚本）。

这是第一个工作：

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

这是第二个不起作用，它在萤火虫中返回错误：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 未成功创建时出现。

这可能是因为很多原因，但出乎意料的是，即使您已将它们换掉，CamanJS 也不会让您对多个对象使用相同的 html 标识符（类或 id）。因此，如果您在同一页面上运行上述两个脚本，则会导致错误。

抱歉，无法重现您的错误，很难提供更多帮助。

于 2012-12-01T09:19:46.947 回答