. 배경 이미지 속성이있는 .getImageData()?

.getImageData()를 사용하여 주어진 요소의 배경 이미지에서 데이터를 가져 오는 방법은 무엇입니까? Project는 이미 jQuery를 사용하고 있으므로 jQuery 솔루션이 환영합니다.. 배경 이미지 속성이있는 .getImageData()?

출처

2013-12-21 z t

getImageData 방법은 캔버스 요소에서 당신에게 이미지 데이터를 제공에만, 당신이 얻을 element.style.backgroundImage을 사용할 수있을 것이라고 말했다

을 (그래서 이것은 CSS 배경 이미지 속성과는 아무 상관이 없습니다) 요소의 배경 이미지를 만든 다음 거기에서 작업하십시오. 이미지와 동일한 도메인에서 js를 실행하는 경우 새 캔버스에 페인트하고 getImageData을 실행하면됩니다.

출처

2013-12-21 23:49:09 Tim

어쩌면 내가 사용하는 컨텍스트에서 문제를 다시 말해야합니다 : div 뒤에있는 배경 이미지에서 지배적 인 색을 읽을 수있게하려면 형식 색을 설정하는 아이디어가 있어야합니다. 배경과 대조하기 위해 이 효과에 대한 플러그인은 존재하지만 특별히 요소 (http://briangonzalez.github.io/jquery.adaptive-backgrounds.js/)와 함께 작동합니다. 여기서 트릭은 이미지 데이터를 데이터 uri로 추출하는 것으로 보이며 이를 사용하여 계산 목적으로 캔버스에 이미지를 재구성합니다. 나는 엘리먼트의 배경 이미지와 똑같이하고 싶다 ... –

. 배경 이미지 속성이있는 .getImageData()?

답변

관련 문제