图片缩放是日常常用的操作之一，这种操作如何在Axure中模拟和实现？本文作者分享了一个简单的方法，大家可以学习下。

最近在做一个进阶知识图谱原型，功能非常有趣，加入了很多好玩的功能。比如可以通过鼠标拖动来在任意方向上改变图片的长宽尺寸：

体验地址：https://usrsky.axshare.com/#id=uvavuf&g=1

一、教程

首先，先把元件结构放好：

因为需要鼠标拖动时移动图片位置，所以最外层是一个动态面板，同时把“Fit Content(适应内容)”勾选上。

里面放1个图片边框(Frame)以及8个拖放动态面板(默认长宽为8px*8px)，命名可按自己习惯，我喜欢用n/w/s/e来，把这9个元件组合到一起(Resizer)：

做交互设计10年，我为何转岗到产品经理？

真正转岗之后，我发现很多工作还是超出了自己的想象。产品经理的工作确实比较杂。理论上，产品经理的工作包括了产品的方方面面，从市场研究、用户调研、数据分析...

查看详情 >

还有一张图片(Image)最在最底层，添加“尺寸改变时”交互（注意：这里1px的微调是根据frame的边框厚度度定制的）：

并且在“载入时”进行单次触发。然后就可以编辑8个拖放动态面板的交互了（注意每个锚点位置）：

nw元件交互：

n元件交互：

ne元件交互：

w元件交互：

e元件交互：

sw元件交互：

s元件交互：

se元件交互：

这样，一个像可以使用鼠标拖放在任意方向调整图片大小的功能就做好啦。赶紧试试吧。