快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

关于croptool无法裁剪分辩率过低的图片

  YofFawn的cropTool;

为广河等地区用户提供了全套网页设计制作服务,及广河网站建设行业解决方案。主营业务为成都网站设计、成都网站制作、广河网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

在使用croptool.js时,如果图片的分辨率过低,则无法裁剪超过分辨率的大小。比如说

function chooseImg(event){
  var files = event.files || event.dataTransfer.files,
  file = files[0] || files;
  event.value = '';
  window.clip = new Clip({
    dragBoxClass: 'block', //裁剪框类名
    clipRadio: 1 / 1, //裁剪比例 宽/高 传0或空或不传等于不设置比例
    //单位px 仅为裁剪框的宽高 不等同裁剪后最终图片宽高
    initialHeight: 100, //裁剪框初始高度
    initialWidth: 100, //裁剪框初始宽度
    minHeight: 100, //裁剪框最小高度
    minWidth: 100, //裁剪框最小宽度
    maxWidth: 450, //裁剪框最大宽度 不会大于裁剪区域宽度 取值需大于最小宽高
    maxHeight: 450, //裁剪框最大高度 不会大于裁剪区域高度
    cornerColor: '#39f', //裁剪框颜色
    encode: 'base64', //文件类型
    type: 'png', //保存图片类型
    name: 'img', //文件名字
    quality: 1, //压缩质量
    //裁剪完成
    onDone: function (e) {
      console.log(e);
      //return false;
      document.getElementById('previewImg').src = e;
    },
    onCancel: function(){
 
    }
  });
  clip.setSize(file);
}

网页题目:关于croptool无法裁剪分辩率过低的图片
网页网址:http://6mz.cn/article/dsojhdi.html

其他资讯