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>

이 코드는 제가 작업 중이며 브라우저에서 페이지를로드 할 때 이미지가 채도가 떨어지지 않습니다. 아무도 코드의 잘못된 부분을 바로 잡을 수 있도록 도와주세요.Pixastic : 효과가 작동하지 않습니다.

출처

2011-07-02 Shekhar

나는 문제가 무엇인지 알아 냈어 .... 내가 로컬 파일에 액세스하려고했던 것입니다. 파일에 대한 로컬 액세스로 인해 일부 "보안 오류"로 인해 이미지가 채도가 떨어지지 않았습니다. 내 PC에 로컬 서버를 생성하기 위해 Xampp을 설치하고 파일을 실행했다. – Shekhar

잘 모르겠지만 자신의 질문에 대답 할 수있을 것 같아요 ... –

괜찮습니까?

을 Heres와 채도 빼기 필터 작업의 예 :

(1) 당신이 시도해야합니다 : $(whatever).pixastic("desaturate",{average : false}); (평균 : 거짓 비트)

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

상황이 pixastic과 마음에 부담

(2) 캔버스는 이미지가 스크립트와 동일한 도메인에있는 경우에만 작동합니다.

희망이 있습니다. 추가 [0]

알렉스

출처

2012-02-26 21:52:53 Alex

이것은 목표 게시물을 약간 움직이고 있지만 나는 최근에 많은 캔버스 이미지 조작을해야하고 pixastic으로 시작한 프로젝트를 가졌지 만 문제가 많았고 많은 문서를 찾을 수 없었습니다. . 나는 http://camanjs.com/을 사용하여 움직였습니다. 그리고 그것은 훨씬 더 쉽고 훨씬 적은 문제가있었습니다. 라이브러리는 Pixastic을 대체하기 위해 매우 쉽게 구현할 수 있습니다. 나는 문제가 무엇인지 파악 http://camanjs.com/examples/presets

출처

2011-11-12 19:10:59 Alex

.... 내가 파일에 액세스하려고했다 :

는 알렉스

이 너무 아주 멋진 프리셋을 많이 프로그래머 언급 할 가치가 PS

희망이 도움 장소 상에서. 파일에 대한 로컬 액세스로 인해 일부 "보안 오류"로 인해 이미지가 채도가 떨어지지 않았습니다. 내 PC에 로컬 서버를 생성하기 위해 Xampp을 설치하고 파일을 실행했다.

출처

2012-01-19 18:13:21 Shekhar

는 큰 차이를했다. 확실히 나를 위해 트릭을 했어. 시도 해봐.

Pixastic.revert($(this).find('.imageUrl')[0]);

또 다른 점은 pixastic이 중복 캔버스를 만들 때 VAR을 만들어야한다는 것입니다.

이 내 전체 기능

$(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]); 

    }); 
});

출처

2014-02-07 15:11:17

Pixastic : 효과가 작동하지 않습니다.

답변

관련 문제