<#def title = "拖拽与缩放"/> <#def keyword = "ZhiqimUI"/> <#def desc = " 拖拽是指定一个可拖动的对象，当鼠标按下时拖拽到其他位置。缩放是指定一个可缩放的对象，当鼠标按下时拉动对象使之放大或缩小。"/> <#def prevUrl = "ajax.htm"/> <#def nextUrl = "imageClipper.htm"/> ${zhiqim_com_header()} ${zhiqim_com_topnav("document")}
${zhiqim_com_ui("tutorial", "ui", "tool", "drag")}
${zhiqim_com_breadcrumb("文库", "教程", "拖拽与缩放")}
<#-- 标题 -->

拖拽与缩放：

拖拽是指定一个可拖动的对象，当鼠标按下时拖拽到其他位置。缩放是指定一个可缩放的对象，当鼠标按下时拉动对象使之放大或缩小。

<#-- 一、简单拖拽 -->
一、简单拖拽
全屏(z-index范围)拖拽（可拖动）
1、拖拽三要求，可拖拽对象、拖把和拖拽父范围，这三个对象都需要设置id
2、简单拖拽只需要配置可拖拽对象、拖把两个id，简单拖拽不固定范围
<#-- 二、拖拽范围 -->
二、拖拽范围
在指定范围拖动（可拖动）
1、拖拽三要求，可拖拽对象、拖把和拖拽父范围，这三个对象都需要设置id
2、通过Z.dragInParent方法进行初始化，三个参数为三要求的id
<#-- 三、在一定范围内增加、删除和拖放图片和方框 -->
三、在一定范围内增加、删除和拖拽和缩放图片和方框
标签位置：
注：图标可拖放
设置宽度：
 像素  
宽： 像素     高： 像素
1、比较复制的拖拽和缩放，支持IMG和DIV两种
${zhiqim_com_chapter()}
${zhiqim_com_footer()}