https://1000tool.com/_nuxt/imgCrop.fa679961.js

1import H from"./index.aed7540b.js";import{_ as W}from"./index.vue.bc6379d2.js";import E from"./index.1bc9b684.js";import{_ as q}from"./index.vue.ba60de6b.js";import{_ as J}from"./c-layout.vue.5f8fd99a.js";import{u as Y}from"./vue.f36acd1f.df9752c5.js";import{a as K,V as Q,W as X,a4 as Z,r,s as f,o as x,c as F,w as e,u,l as t,e as M,j as a,h as l,i as ee,t as w,F as te,a9 as ae}from"./entry.d679e6c0.js";import{F as oe}from"./index.2218dfee.js";import{C as le}from"./cropper.47d224f0.js";import{_ as se}from"./index.vue.caf6ff0f.js";import{u as ne}from"./index.37adf04a.js";import{u as ie}from"./base-layout.vue.267ffe28.js";import{t as ce}from"./make.e0f97b17.js";import{m as me}from"./module.ef62d7ab.js";import"./sys.839487d8.js";import"./index.dc79ce50.js";import"./storage.63dc09c8.js";import"./account.b272236d.js";import"./nuxt-link.e820e068.js";import"./combined-data.2297fb70.js";import"./index.87e7e444.js";import"./sideBarAnchor.vue.e157893e.js";import"./ANALYSIS.fa12025c.js";import"./download-modal.e31e2400.js";import"./size-format.8417d15d.js";import"./index.c2694c41.js";import"./index.vue.ffe92c10.js";import"./index.e186ed89.js";const re=a("div",{class:"absolute w-full left-0 bottom-2 text-sm"},[a("p",{class:"mt-2 flex justify-center items-center text-gray-500"}," 支持 JPG / PNG 等格式（仅静态图片） ")],-1),pe={class:"workbench-wrapper flex flex-col sm:flex-row justify-between py-2"},de={class:"flex flex-col sm:flex-row items-center"},ue={class:"mt-2 sm:mt-0 flex justify-center sm:justify-end"},_e={class:"flex flex-col"},fe={class:"relative max-h-[550px] overflow-hidden"},ge=["src"],ve={class:"mt-2 mb-2 flex justify-evenly"},he={class:"flex items-center text-sm"},be={class:"text-gray-500"},xe={class:"ml-4 flex items-center text-sm"},we={class:"text-gray-500"},ye=a("span",{class:"font-bold text-lg"},"用户友好的界面",-1),ke=a("span",{class:"font-bold text-lg"},"多种裁剪比例选择",-1),je=a("span",{class:"font-bold text-lg"},"高质量输出",-1),Ce=a("span",{class:"font-bold text-lg"},"实时预览功能",-1),Re=a("span",{class:"font-bold text-lg"},"支持多种图片格式",-1),Ue=a("span",{class:"font-bold text-lg"},"安全隐私保护",-1),$e="image/jpeg,image/jpg,image/png,image/bmp,image/gif,image/webp,image/svg+xml,image/tiff,image/vnd.microsoft.icon,image/x-icon,.ico",lt=K({__name:"imgCrop",setup(Le){Y({title:"在线图片裁剪工具-免费图片剪裁编辑器 | 千盒工具",meta:[{name:"description",content:"使用我们的免费在线图片裁剪工具，简单快捷地裁剪和编辑您的图片。无需下载软件，立即开始使用！只需上传您的图片，选择裁剪区域，然后下载即可，无论是在电脑还是移动设备上，都能支持多种图片格式，完美适用于个人和专业使用。"},{name:"keywords",content:"在线免费图片裁剪工具, 图片裁剪在线, 免费在线图片编辑, 图片处理工具, 在线图片裁剪, DIY图片裁剪, 图片裁剪软件, 无水印图片裁剪, 在线照片编辑, 图片大小调整免费"}]}),Q();const N=X(),g=Z().$loading;ie();const C=me.IMG.EDIT.IMG_CROP;let i,c=r(""),m;const R=r(0),U=r(0);let $=r(0),L=r(0);const v=r(0),S=[{label:"自由",value:0},{label:"1 : 1",value:1},{label:"2 : 3",value:2/3},{label:"3 : 2",value:3/2},{label:"3 : 4",value:3/4},{label:"4 : 3",value:4/3},{label:"5 : 7",value:5/7},{label:"7 : 5",value:7/5},{label:"9 : 16",value:9/16},{label:"16 : 9",value:16/9}],y=r(""),D=[{label:"默认",value:""},{label:"png",value:"image/png"},{label:"jpg",value:"image/jpeg"},{label:"webp",value:"image/webp"}];function O(s){i=s[0],i&&(c.value&&URL.revokeObjectURL(c.value),c.value=URL.createObjectURL(i),ae(z))}async function z(){var o;(o=document.querySelector(".workbench-wrapper"))==null||o.scrollIntoView({behavior:"smooth",block:"start",inline:"nearest"});const s=document.querySelector("#page-img-crop .preview-img");m&&m.destroy(),m=new le(s,{viewMode:1,crop(n){$.value=n.detail.width,L.value=n.detail.height},ready:()=>{const n=m.getImageData();R.value=n.naturalWidth,U.value=n.naturalHeight}})}function G(s){v.value=+s||0,m&&m.setAspectRatio(v.value)}function I(){m&&m.reset()}

1function T(){c.value&&URL.revokeObjectURL(c.value),c.value=""}async function V(){var p,_,b;g.show("加载中..."),g.show("正在下载"),await ne.sleep(300);let s=y.value,o;s?o=((p=s.match(/image\/(\w+)/))==null?void 0:p[1])||"png":(o=(((_=i==null?void 0:i.name.match(/\.(\w+)$/))==null?void 0:_[1])||"").toLowerCase(),/jpe?g|png|webp/.test(o)?s=`image/${o==="jpg"?"jpeg":o}`:(o="png",s="image/png")),o==="jpeg"&&(o="jpg");const n=m.getCroppedCanvas({}),h=((b=i==null?void 0:i.name)==null?void 0:b.replace(/(\.\w+$)/,""))||"1000tool_img_crop";if(!await ce({module:C})){g.hide(),N.error({title:"出错了",content:"出现一些未知错误，请重试",negativeText:"好 的"});return}oe.saveAs(n.toDataURL(s),`${h}.${o}`),g.hide()}return(s,o)=>{const n=f("n-input-group-label"),h=f("n-select"),k=f("n-input-group"),p=f("n-button"),_=H,b=W,A=E,d=f("n-card"),P=q,B=J;return x(),F(B,{id:"page-img-crop","has-sider":!1,pageModule:u(C)},{default:e(()=>[t(_,null,{default:e(()=>[u(c)?(x(),M(te,{key:1},[a("div",pe,[a("div",de,[t(k,{class:"w-40"},{default:e(()=>[t(n,null,{default:e(()=>[l("比例：")]),_:1}),t(h,{class:"",value:v.value,"onUpdate:value":o[0]||(o[0]=j=>v.value=j),options:S,"on-update:value":G},null,8,["value"])]),_:1}),t(k,{class:"ml-0 sm:ml-2 mt-2 sm:mt-0 w-40"},{default:e(()=>[t(n,null,{default:e(()=>[l("格式：")]),_:1}),t(h,{class:"",value:y.value,"onUpdate:value":o[1]||(o[1]=j=>y.value=j),options:D},null,8,["value"])]),_:1})]),a("div",ue,[t(p,{class:"ls-1",type:"info",secondary:"",onClick:I},{default:e(()=>[l(" 重置裁剪 ")]),_:1}),t(p,{class:"ml-2 ls-1",type:"error",dashed:"",onClick:T},{default:e(()=>[l(" 移除图片 ")]),_:1}),t(p,{class:"ml-2 ls-1",type:"primary",onClick:V},{default:e(()=>[l(" 立即下载 ")]),_:1})])]),a("div",_e,[a("div",fe,[u(c)?(x(),M("img",{key:0,class:"preview-img max-w-full max-h-full",src:u(c),alt:"preview"},null,8,ge)):ee("",!0)])]),a("div",ve,[a("div",he,[l(" 原图尺寸："),a("span",be,w(~~R.value)+" x "+w(~~U.value),1)]),a("div",xe,[l(" 裁剪尺寸："),a("span",we,w(~~u($))+" x "+w(~~u(L)),1)])])],64)):(x(),F(se,{key:0,class:"mt-16",accept:$e,"button-secondary":!0,buttonText:"选择图片",onOnFilesAdd:O},{ext:e(()=>[re]),_:1}))]),_:1}),t(b),t(_,null,{default:e(()=>[t(A,null,{desc:e(()=>[l(" 在线图片裁剪工具，轻松调整图片大小，自由裁剪，即刻保存，提升图片质量。 ")]),default:e(()=>[l(" 在线图片裁剪工具 ")]),_:1}),t(P,null,{title:e(()=>[l(" 功能介绍 ")]),default:e(()=>[t(d,{class:"mb-2 rounded-md",size:"small"},{header:e(()=>[ye]),default:e(()=>[l(" 我们提供一个简洁直观的界面，确保用户可以轻松上手，无需复杂的操作教程。无论是专业设计师还是普通用户，都能迅速找到所需的功能，进行高效的图片裁剪。 ")]),_:1}),t(d,{class:"mb-2 rounded-md",size:"small"},{header:e(()=>[ke]),default:e(()=>[l(" 我们的在线图片裁剪工具提供多种常用的裁剪比例选择，包括1:1、16:9、4:3等，方便用户根据不同需求灵活裁剪，适应各种平台的图片要求。 ")]),_:1}),t(d,{class:"mb-2 rounded-md",size:"small"},{header:e(()=>[je]),default:e(()=>[l(" 裁剪后的图片会保持高质量，确保不会因为尺寸的变化而损失清晰度和细节。用户可以随时下载高清版本的裁剪图片，方便分享和使用。 ")]),_:1}),t(d,{class:"mb-2 rounded-md",size:"small"},{header:e(()=>[Ce]),default:e(()=>[l(" 在裁剪图片之前，用户可以实时预览裁剪效果，随时调整裁剪框的位置和大小。这样能够帮助用户做出最佳的裁剪决策，确保最终效果完美。 ")]),_:1}),t(d,{class:"mb-2 rounded-md",size:"small"},{header:e(()=>[Re]),default:e(()=>[l(" 我们的工具支持多种常见的图片格式，包括JPEG、PNG等，用户可以方便地上传和下载各种格式的图片，不受文件类型的限制。 ")]),_:1}),t(d,{class:"mb-2 rounded-md",size:"small"},{header:e(()=>[Ue]),default:e(()=>[l(" 我们非常重视用户的隐私和安全，所有图片不会被保存在服务器，确保用户的信息不会被泄露。放心使用我们的在线裁剪工具，保护您的隐私。 ")]),_:1})]),_:1})]),_:1})]),_:1},8,["pageModule"])}}});

1export{lt as default};