现在的位置: 首页 > web前端 > 正文

JavaScript Load Image提供的图像

2020年07月06日 web前端 ⁄ 共 938字 ⁄ 字号 评论关闭

  JavaScriptLoadImage是一个用于加载以File或Blob对象提供的图像或通过URL加载的库。它返回一个可选的缩放和/或裁剪的htmlimg或canvas元素。它还提供了解析图像元数据以提取IPTC和Exif标记以及嵌入的缩略图图像以及在调整大小后恢复完整图像标题的方法。


  loadimage的作用


  图像加载


  在您的应用程序代码中,使用loadImage()函数,如下所示:


  document.getElementById("file-input").onchange=function(e){


  loadImage(


  e.target.files[0],


  function(img){


  document.body.appendChild(img);


  },


  {maxWidth:600}//Options


  );


  };


  图像缩放


  也可以将图像缩放功能与现有图像一起使用:


  varscaledImage=loadImage.scale(


  img,//imgorcanvaselement


  {maxWidth:600}


  );


  loadimage()函数的使用


  //从图片文件获取图像


  voidloadimage(


  IMAGE*pDstImg,//保存图像的IMAGE对象指针


  LPCTSTRpImgFile,//图片文件名


  intnWidth=0,//图片的拉伸宽度


  intnHeight=0,//图片的拉伸高度


  boolbResize=false//是否调整IMAGE的大小以适应图片


  );


  //从资源文件获取图像


  voidloadimage(


  IMAGE*pDstImg,//保存图像的IMAGE对象指针


  LPCTSTRpResType,//资源类型


  LPCTSTRpResName,//资源名称


  intnWidth=0,//图片的拉伸宽度


  intnHeight=0,//图片的拉伸高度


  boolbResize=false//是否调整IMAGE的大小以适应图片


  总之,LoadImage()是一种函数,功能是装载图标,光标,或位图。支持bmp,jpg,gif,emf,wmf,ico格式


  

抱歉!评论已关闭.