• 需求的场景描述（希望解决的问题）

我的需求如下：

对照片可以进行移动，放大，缩小，仅对当前视图区域内的图像进行截图。

我发现image放大后，会覆盖掉movable-area之外的其他区域。而我需要的是image放大后，超过movable-area部分会自动隐藏。请问如何做到，谢谢

我选择使用了movable-view组件。代码如下：

<view class=“section”>

<view class=“section__title”>缩放移动</view>

<movable-area class=“img” style=“height: {{scaleWidth}}px; width: {{scaleWidth}}px; background: red;” scale-area>

<movable-view style="height: {{scaleWidth}}px; width: {{scaleWidth}}px; background: blue; " direction=“all” bindchange=“onChange” bindscale=“onScale” scale scale-min=“0.5” scale-max=“10” scale-value=“1” out-of-bounds=“false”>

<image class=‘img’ src="/images/wxBackup-bg.png" style=“height: {{scaleWidth}}px; width: {{scaleWidth}}px”></image>

</movable-view>

</movable-area>

</view>

<view style=‘position:absolute;bottom:0px; padding:0px;margin:0px;width:100%’>

<button bindtap=“cutphoto”>截图</button>

</view>

• 希望提供的能力