1、新建Axure RP項目，取名“Axure製作圖像的放大與縮小效果”
2、拖入動態面板控件，取名“放大縮小”。設置大小爲560*330px。座標爲x：300，Y：300。
3、在動態面板控件“放大縮小”State1狀態設置背景圖片，選擇Repeat爲Stretch to Cover
4、添加OnMouseEnter和OnMouseOut事件，要求鼠標滑上圖片時放大1.2倍，672px*396px，鼠標滑出圖片時圖片縮小到原560*330px的效果。
Animate：None圖片瞬間放大，圖片左上角左邊不變，沿對角放大。
Linear圖片逐漸放大，圖片左上角左邊不變，沿對角放大。
5、效果圖如下
圖片放大縮小圖1
6、實現圖片對內放大（即把圖片拉近的效果），圖片整體大小不變的效果。
拖入一個動態面板“放大縮小”，在State1狀態加入一個動態面板“放大圖”，設置一個狀態State2。設置動態面板“放大縮小”大小爲370*280（大小自由根據需要設置）。
7、設置State2背景圖片，設置Repeat爲Stretch to Contain。
8、在State2狀態頁面設置動態面板“放大圖”的鼠標事件。OnMouseEnter和OnMouseOut事件。如下圖。
9、預覽效果圖如下。
圖片放大縮小圖2
10、設置以圖片中心爲中心放大和縮小效果。
動態面板2個，分別取名1、2。動態面板1狀態11，動態面板2狀態22。如下圖。
設置狀態22背景圖片，並選擇Repeat爲Stretch to Contain。
設置動態面板1的Dynamic Panel狀態爲勾選Fit Content（此處一定要勾選）。設置動態面板1的OnMouseEnter和OnMouseOut事件。
圖片放大0.2倍，即圖片向上移動300*0.2/2=30px，向左移動400*0.2/20=40px。則設置事件設置如下圖
11、效果如下圖
圖片放大縮小圖3
12、對於步驟10，還有另外一種方式，以比例的形式放大和縮小。
通過添加局部變量獲取當前控件This，設置爲變量LVAR1。以上表示鼠標移動到圖片上時，向左和向向上分別移動10%，圖片放大20%。鼠標移出時由於當前圖片已經變大，則向右和向下移動距離爲現在的1/11，而大小爲現在的5/6。
13、效果如下圖
圖片放大縮小圖4
如需素材包及RP源文件，請聯繫作者獲取。