CamanJS图像处理，奇怪的错误
CamanJS图像处理，奇怪的错误
提问于 2012-10-09 22:45:29
我使用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>这是第二个不工作的地方，它在firebug中返回错误: TypeError: 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>有什么帮助吗？
回答 1
Stack Overflow用户
发布于 2012-12-01 09:19:46
它在Firefox和Chrome中对我来说都运行得很好。在我有限的经验中，this.c.pixelData通常是在没有成功创建到CamanInstance的转换时出现的。
这可能是由于许多原因，但CamanJS不允许您对多个对象使用相同的html标识符(类或id)，即使您已经将它们替换掉了。因此，如果您在同一页上运行上述两个脚本，则会导致错误。
对不起，如果不能重现你的错误，那就很难帮上忙了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12809480
复制相关文章
相似问题
腾讯云开发者
