Safari 및 Chrome에서 이미지의 실제 크기를 얻는 방법은 무엇입니까?

Safari 및 Chrome에서 이미지의 실제 크기 가져오기

jQuery 플러그인 제작 시 이미지의 실제 너비와 높이 추출 결정적이다. 그러나 표준 "width()" 및 "height()" 메소드를 사용하면 Safari 및 Chrome과 같은 WebKit 브라우저에서 0 값이 생성됩니다.

이 문제를 해결하려면 대신 이미지의 "onload" 이벤트를 활용하는 것이 좋습니다. 시간 초과. 이 기술에는 CSS 간섭을 피하기 위해 이미지의 메모리 내 복사본을 생성하는 작업이 포함됩니다.

var img = $("img")[0]; // Get my img elem
var pic_real_width, pic_real_height;
$("<img/>") // Make in memory copy of image to avoid css issues
    .attr("src", $(img).attr("src"))
    .load(function() {
        pic_real_width = this.width;   // Note: $(this).width() will not
        pic_real_height = this.height; // work for in memory images.
    });

또는 HTML5의 "naturalHeight" 및 "naturalWidth" 속성을 활용할 수도 있습니다.

위 내용은 Safari 및 Chrome에서 이미지의 실제 크기를 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!