Pixastic не работает должным образом для меня, почему? - PullRequest
Новая
       44

Pixastic не работает должным образом для меня, почему?

2 голосов
/ 28 марта 2011

Мне нужно сделать интерактивную обработку изображений на веб-странице. Я нашел pixastic , и это казалось хорошим для работы.

На на этой странице Я пытаюсь сделать размытие изображения, но могу работать только "размыто". «Размытие» не работает для меня.

Я оглядываюсь и читаю документацию и не могу понять, почему она не работает. У кого-нибудь есть идеи?

Я использую это JS: 

$(function(){
    var img = document.getElementById("imageone");

    $("#blurfastbutton").click(function() {
        Pixastic.process(img, "blurfast", {amount:0.2});
    });

    $("#blurbutton").click(function() {
        Pixastic.process(img, "blur");
    });
});

1 Ответ

2 голосов
/ 28 марта 2011

Для многих манипуляций Pixastic должен поменять элемент <img> на элемент <canvas> и выполнить настройку для каждого пикселя. При обработке изображения с использованием "blur" создается исключение безопасности, поскольку источник изображения находится в другом домене, чем документ.

Вы также должны знать, что из-за ограничений безопасности в элементе canvas Pixastic будет работать только с изображениями, которые находятся на том же хосте, что и страница, на которой вы его используете. [источник]

Причина, по которой этого не происходит с "blurfast", заключается в том, что он работает по-другому: изменяет размер изображения снова и снова на очень малые величины. Это, очевидно, не нарушает политики безопасности элемента <canvas>.

Лучший подход - придерживаться "blurfast" & mdash; В конце концов, это быстрее и динамичнее. Если вы действительно хотите использовать "blur", вам нужно убедиться, что все изображения находятся в том же домене, что и текущий документ.

...