JS HTML图片显示Canvas 压缩功能

简单到延伸

最新需要js 文件压缩图片上传 以前没搞过，新手把学习过程分享

一.选择图片并显示

二.使用canvas代码

 三.压缩处理

  
  


 
 
   canvas图片
  
 

压缩图片


 

四.分辨率调节尝试

  
  
  
    *{
      margin:0;padding:0;
    }
    body{
      width:100%;height:100%;background:black;
    }
    canvas{
      width:800px;height:480px;outline:1px solid pink;position:absolute;
      left:0;top:0;right:0;bottom:0;margin:auto;
    }
  


240x120
320x240
480x320
640x420
800x480

  Your browser does not support the canvas element.

总结

以上所述是小编给大家介绍的JS HTML图片显示Canvas 压缩功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！