>웹 프론트엔드 >JS 튜토리얼 >이미지가 page_javascript 기술을 손상시키는 것을 방지하기 위해 이미지를 자동으로 축소하는 Node.js 코드

이미지가 page_javascript 기술을 손상시키는 것을 방지하기 위해 이미지를 자동으로 축소하는 Node.js 코드

WBOY
WBOY원래의
2016-05-16 19:16:511096검색

JS 코드(어디에나 배치):


이미지가 사용되는 위치: 이미지가 page_javascript 기술을 손상시키는 것을 방지하기 위해 이미지를 자동으로 축소하는 Node.js 코드

width="180" style="max-width:90%" 제한하는 것이 가장 좋습니다. , 제한하지 않으면 이미지를 로드할 때 원래 크기로 조정된 다음 축소됩니다. 이미지가 너무 크면 이 프로세스가 보기 흉해집니다. 이전 JS에서 변경된 너비와 높이입니다. 해당 변경 사항은 여기에서 적용됩니다.
이미지는 변형되지 않습니다. 크기가 축소될 뿐입니다. <script> <BR><!-- <BR>var flag=false; <BR>function DrawImage(ImgD){ <BR>var image=new Image(); <BR>image.src=http://www.jb51.net/htmldata/2006-01-08/ImgD.src; <BR>if(image.width>0 && image.height>0){ <BR> flag=true; <BR> if(image.width/image.height>= 180/110){ <BR> if(image.width>180){ <BR> ImgD.width=180; <BR> ImgD.height=(image.height*110)/image.width; <BR> }else{ <BR> ImgD.width=image.width; <BR> ImgD.height=image.height; <BR> } <BR> /*ImgD.alt="이미지가 page_javascript 기술을 손상시키는 것을 방지하기 위해 이미지를 자동으로 축소하는 Node.js 코드" */ <BR> } <BR> else{ <BR> if(image.height>110){ <BR> ImgD.height=110; <BR> ImgD.width=(image.width*110)/image.height; <BR> }else{ <BR> ImgD.width=image.width; <BR> ImgD.height=image.height; <BR> } <BR> /*ImgD.alt="이미지가 page_javascript 기술을 손상시키는 것을 방지하기 위해 이미지를 자동으로 축소하는 Node.js 코드" */ <BR> } <BR>} <BR>} <BR>//--> <BR></script>

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.