Pixastic:效果不起作用
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="pixastic.custom.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#image').pixastic("desaturate");
});
</script>
</head>
<body>
<img id="image" src="test2.jpg"/>
</body>
</html>这是我正在使用的代码，当我在浏览器中加载页面时，图像不会去饱和度。有人能帮我纠正一下代码的错误吗？
回答 4
Stack Overflow用户
发布于 2012-02-27 05:52:54
好的，那么卡门不能锻炼吗？
以下是去饱和度过滤器工作的示例：
http://jsfiddle.net/PCbvb/7/
使用pixastic时要牢记的事项：
(1)您应该尝试：$(whatever).pixastic("desaturate",{average : false}); (average:false位)
(2)仅当图像与使用它的脚本在同一域中时，canvas才有效。
希望这能有所帮助。
亚历克斯
Stack Overflow用户
发布于 2011-11-13 03:10:59
这是稍微移动目标帖子，但我最近有一个项目，我需要做很多画布图像处理，并从像素开始，但我确实遇到了很多问题，找不到很多文档。我转而使用http://camanjs.com/，这一切都变得简单多了，我遇到的问题也少了很多。该库很容易实现为Pixastic的替代品。
希望这能帮助亚历克斯
值得一提的是，还有很多非常酷的预置：http://camanjs.com/examples/presets
Stack Overflow用户
发布于 2014-02-07 23:11:17
添加[0]会带来很大的不同。绝对帮了我大忙了。试试看。
Pixastic.revert($(this).find('.imageUrl')[0]);另一件事是我必须创建一个VAR，因为pixastic创建了一个重复的画布。
这是我的全部功能
$(function () {
$('.col1.w1').mouseenter(function () {
var origImg = ($(this).find('.imageUrl'));
if (origImg.is('img')) {
Pixastic.process(origImg[0], 'blurfast', { amount: 2 });
}
});
$('.col1.w1').mouseout(function () {
var origImg = ($(this).find('.imageUrl'));
Pixastic.revert($(this).find('.imageUrl')[0]);
});
});https://stackoverflow.com/questions/6555501
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号