Pixastic: эффекты не работают - PullRequest
Новая
       6

Pixastic: эффекты не работают

2 голосов
/ 02 июля 2011 
<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 ]

1 голос
/ 07 февраля 2014

Добавление [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]);

    });
});
1 голос
/ 27 февраля 2012

ОК, так что Каман не работает?

Вот и пример работы фильтра десатурации:

http://jsfiddle.net/PCbvb/7/

Вещи, которые следует иметь в виду с pixastic:

(1) вы должны попробовать: $(whatever).pixastic("desaturate",{average : false}); (среднее значение: ложный бит)

(2) canvas работает, только когда изображение находится в том же домене, что и скрипт, использующий его.

Надеюсь, это поможет.

Alex

1 голос
/ 12 ноября 2011

Это немного смещает посты цели, но недавно у меня был проект, в котором мне нужно было много манипулировать изображениями холста, и я начал с pixastic, однако я столкнулся с множеством проблем и не смог найти много документации вокруг. Я перешел на использование http://camanjs.com/, и все было намного проще, и у меня было намного меньше проблем. Библиотека очень проста для замены Pixastic.

Надеюсь, это поможет Alex

ps Стоит отметить, что есть также много очень крутых пресетов: http://camanjs.com/examples/presets

0 голосов
/ 19 января 2012

Я выяснил, в чем проблема .... Я пытался получить доступ к файлам локально.Изображения не были насыщенными из-за некоторой «ошибки безопасности» из-за локального доступа к файлам.Я установил Xampp для создания локального сервера на моем ПК, а затем запустил файл ... и вуаля Pixastic начал работать.

...