小程序调节图片大小的代码

要在小程序中实现调节图片大小的功能，你可以使用`<image>`和`<movable-view>`组件来实现。以下是一个示例代码：

<view class="container">
  <movable-view
    class="resizable-image"
    direction="all"
    scale="true"
    bindchange="onChangeSize"
  >
    <image class="image" src="{{imageSrc}}"></image>
  </movable-view>
</view>

.container {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.resizable-image {
  width: 200px;
  height: 200px;
}

.image {
  width: 100%;
  height: 100%;
}

在上述代码中，我们将`<movable-view>`作为图片的父容器，并将`direction`属性设置为"all"，使其可在水平和垂直方向上移动。同时，将`scale`属性设置为"true"，使其可以缩放。

在`<movable-view>`中，我们嵌套了一个`<image>`标签，用于显示图片。通过设置`.resizable-image`类的宽度和高度，可以控制初始的图片大小。你可以根据需要自行调整。

在JavaScript中，你可以监听`bindchange`事件来获取用户调整大小后的图片尺寸，例如：

Page({
  data: {
    imageSrc: 'your-image-src',
    imageSize: {
      width: 200,
      height: 200
    }
  },

  onChangeSize: function (e) {
    const { width, height } = e.detail;
    this.setData({
      imageSize: {
        width,
        height
      }
    });
  }
});

通过监听`bindchange`事件，我们可以在用户调整大小后获取到图片的实时尺寸。在上述示例代码中，我们将图片的尺寸存储在 `imageSize` 数据中，并在 `onChangeSize` 方法中更新该数据。

请注意，以上代码只是一个基本示例，你可以根据实际需求进行进一步的定制和优化。