<#def title = "头像裁剪"/> <#def keyword = "Avatar"/> <#def desc = "头像裁剪是指对上传的图片，根据要求裁剪成指定大小的图片。支持放大和缩小图片，和通过移动图片，锁定裁剪位置"/> <#def prevUrl = "drag.htm"/> <#def nextUrl = "upload.htm"/> ${zhiqim_com_header()} ${zhiqim_com_topnav("document")} ${Scripts.src("//zhiqim-org.oss-cn-shenzhen.aliyuncs.com/ztmpl/zhiqim_manager/zhiqim_image_clipper.js")}

${zhiqim_com_ui("tutorial", "ui", "tool", "imageClipper")}

${zhiqim_com_breadcrumb("文库", "教程", "头像裁剪")}

<#-- 标题 -->

头像裁剪：

头像裁剪是指对上传的图片，根据要求裁剪成指定大小的图片。支持放大和缩小图片，和通过移动图片，锁定裁剪位置

<#-- 一、简单拖拽 -->

一、头像裁剪

1、拖拽三要求，可拖拽对象、拖把和拖拽父范围，这三个对象都需要设置id
2、简单拖拽只需要配置可拖拽对象、拖把两个id，简单拖拽不固定范围

${zhiqim_com_chapter()}

${zhiqim_com_footer()}