2013-12-23 2 views
1

그래디언트의 색상을 변경하려면이 백분율 로더의 나선형 그라디언트 데이터를 변경하는 방법을 아는 사람이 있습니까? 예를 들어 주황색에서 초록색으로 변하는 대신 파란색에서 빨간색으로 변하는 것이 좋습니다. bitbucket에서 이미 문제를 만들었습니다. :). 그러나 나는 결코 대답을 얻지 못했다. 로더의 나머지 부분을 변경하기 위해 js 코드에서 외부 및 내부 링 사양을 보았지만 백분율 나선형의 경우 색상을 제공하는 "imgdata"를 변경했습니다. 비트 코드로 묘사 된 그림 일 수 있습니까? 어떻게 그런 식으로 만들 수 있습니까?나선형 그라디언트 데이터 - 색상 변경

다음은 예제 코드입니다. imgdata 코드는 acutally 매우 긴하지만 나는 그것의 숫자와 문자 때문에, 그것을 잘라 : 그래디언트가 jQuery를에 하드 코딩

/* Our spiral gradient data */ 
var imgdata = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAIAAABMXPacAA[...]ZKAAAAAElFTkSuQmCC", 
gradient = new Image(); 
gradient.src = imgdata; 

답변

1

플러그인 (/ *하면 외부 링에 대한 우리의 선형 그라데이션 만들기 "를 찾습니다 */"이 파일에 http://widgets.better2web.com/loader/loader/jquery.percentageloader-01a.js), 나는 플러그인 초기화 (또는 런타임에) 설정시 옵션이 표시되지 않습니다.

그래서 그들을 변경하는 유일한 방법은 자바 스크립트 소스를 수정하는 것입니다 (작성자는 BSD 라이센스를 사용하므로 수정이 가능합니다). 통지로, 프로젝트의 Bitbucket에서 호스팅되며, 그라데이션 수정에 대한 문제가 이미있다 : https://bitbucket.org/Better2Web/jquery.percentageloader/issues?status=new&status=open

+0

안녕하세요, 나는 bitbucket에서 그 문제를 만들었습니다. 그러나 나는 결코 대답을 얻지 못했다. 그리고 예, 로더의 나머지 부분을 변경하기 위해 외부 및 내부 링 사양을 보았지만 백분율 나선형의 경우 색상을 제공하는 "imgdata"를 사용했습니다. 비트 코드로 묘사 된 그림 일 수 있습니까? 어떻게 그런 식으로 만들 수 있습니까? – Marc

+0

그래, 그게 문제 야. 아 D : 어쨌든, 이미지를 base64로 변환하려면 캔버스 컨텍스트에서 toDataURL()을 사용해야합니다. 자세한 내용은 https://developer.mozilla.org/en-US/docs를 참조하십시오./Web/API/HTMLCanvasElement). 제작자는 컨플릭스를 위해 인코딩 된 이미지를 사용했지만 대신 정규 이미지를 사용하고 gradient.src에 경로를 할당 할 수 있습니다. – Akaryatrh

+0

ok thx 정규 이미지를 어떻게 사용할 수 있는지 알고 계십니까? 나는 imgdata = "test.png"와 "data : image/png; test.png"로 시도했다. did not work – Marc

관련 문제