다른 웹 사이트 위에 이미지를 얻는 방법

나는 웹 페이지를 밝게하는 일종의 토치를 프로토 타입 화하려고합니다. 저는 배경 위에 중간에 투명한 구멍이있는 검은 색 이미지를 배치하여이 작업을 수행했습니다. 여기 유형입니다하지만 방식으로 코드를 게시 할 수있는 방법을 생각하고 고민하고있어 (크롬 오픈 2메가바이트에서 훨씬) 파일이다 : 나는 지금 웹 사이트 배경을 대체하기 위해 노력하고있어 https://www.dropbox.com/sh/1cyl710mmhtbo51/843TzPcuQ_다른 웹 사이트 위에 이미지를 얻는 방법

내 예에서는 실제 사이트가있는 이미지입니다. 나는 iframe을 시험해 보았지만 google 등을 삽입 할 수 없기 때문에 성공하지 못했습니다. 누군가 내 라이브 이미지 위에 마우스를 가져 가면 어둠의 이미지를 떠 올릴 수있는 방법을 생각할 수 있습니까?

이것은 내 랩톱에서 데모 작업에만 필요합니다.

출처

2013-05-08 peyroux

jquery를 사용하여 원격 페이지를 div $ ('#div') .load ('http://example.com')에로드 할 수 있습니까? – Jake

나는 이것을 Jake에게 제안 할 것을 제안 할 것이다. – peyroux

컴퓨터에서 작동해야하는 경우 페이지 원본을 HTML 파일로 복사하고 저장하면됩니다. 그런 다음 원하는 방식으로 편집 할 수 있습니다. 이미지와 CSS가 올바르게 작동하도록 URL을 조정해야 할 수도 있습니다.

출처

2013-05-08 15:13:07 woz

데모가 끝나기를 바라는 다양한 웹 사이트에서이 기능이 제대로 작동하는지 확신 할 수 없습니다. – peyroux

나는 이것이 어쨌든 당신이 찾고있는 것이 확실하지 않습니다. 나는 투명한 이미지를 찾을 수 있기 때문에 jsfiddle

document.body.appendChild(lightContainer); 
lightContainer.appendChild(light); 
lightContainer.onmousemove = function(e) { 
    var posX = e.clientX; 
    var posY = e.clientY; 
    light.style.left = -5000 + posX +'px'; 
    light.style.top = -5000 + posY + 'px'; 
};

당신은 아래에 아무것도 표시되지 않습니다. 콘텐츠 div에는 원하는 것을 넣을 수 있습니다.

출처

2013-05-08 15:30:40

다른 웹 사이트 위에 이미지를 얻는 방법

답변

관련 문제