96编辑器旗下产品
找图
终身
ID:0
到期时间:永久
退出登录
您的位置:首页 > 百科管理 > 详情

js图片压缩插件怎么用-把压缩为压缩文件怎么操作

原创:找图网 2023-05-03 12:05:52
  • js 图片压缩插件image-conversion使用

  • npm i image-conversion --save

    import * as imageConversion from 'image-conversion'

  • 怎么用js实现图片的缩小?

  • 一般来说,实现图片的放大缩小功能都用到了比较大的封装插件,特别是以jQuery插件居多,而实际上单纯实现对原图本身的放大缩小,用简单几行原生JS代码就可以做到。在今天分享的这个实例中,点击放大按钮不松鼠标,图片会不断的逐渐放大,当然也可以点一下放大一点,点击缩小按钮则反之,有需要的朋友可以考虑收藏备用哦

    以下为全部代码:

    <html>

        <head>

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

            <title>javascript控制图片缩小或者放大</title>

        </head>

        <body>

            <script type="text/javascript">

                var oTime;

                function changeSize(id,action){

                 var obj=(id);

                 =parseInt()+(action=='+'?+10:-10)+'%';

                 oTime=('changeSize(\''+id+'\',\''+action+'\')',100);

                }

                =function(){

                 (oTime);

                }

            </script>

            <div style="height:350px; overflow: auto;">

            <img id="headImg" src="

            <button onmousedown="changeSize('headImg','+');" onmouseup="(oTime);">放大</button>

            <button onmousedown="changeSize('headImg','-');" onmouseup="(oTime);">缩小</button>

        </body>

    </html>

  • 把压缩为压缩文件怎么操作

  • 利用winrar软件

    1、打开需要压缩的图片文件,选中后,右击,选择“添加到压缩文件”。

    2、软件弹出,压缩文件的提示对话框,在该对话框中可以设置“压缩的文件名,和压缩的文件格式比如(RAR,RAR5,ZIP等)还可以选择其压缩方式”。成功设置后,点击“确定”。

    3、在当前活动窗口可以看到,已经压缩成功了,并能查看。

    最新文章 更多
    最新素材 更多
    公司介绍 网站地图 图片资讯
    Copyright © 2010-2022 山东找图网络科技有限公司  鲁ICP备18007836号-3  邮箱:15653358549@163.com