用鼠标控制图片缩放

在 Processing 中，可以使用 `mouseWheel()` 函数来实现用鼠标滚轮控制图片缩放的效果。

以下是一个示例代码，鼠标滚轮向上滚动时图片放大，向下滚动时图片缩小，并在屏幕上显示缩放后的图片：

PImage img;
float zoom = 1.0;

void setup() {
  size(400, 400);
  img = loadImage("example.jpg");
}

void draw() {
  background(255);
  float w = img.width * zoom;
  float h = img.height * zoom;
  image(img, 0, 0, w, h);
}

void mouseWheel(MouseEvent event) {
  float e = event.getCount();
  zoom += e * 0.1;
  zoom = constrain(zoom, 0.1, 5.0);
}

在这个例子中，首先定义了一个 `zoom` 变量来控制图片的缩放比例。在 `draw()` 函数中，首先计算出缩放后的图片宽度和高度，然后使用 `image()` 函数在屏幕上显示缩放后的图片。在 `mouseWheel()` 函数中，根据鼠标滚轮的滚动方向来调整 `zoom` 变量的值，最后使用 `constrain()` 函数限制 `zoom` 变量的取值范围在 0.1 到 5.0 之间。

相关问题

qgraphsview用鼠标中键缩放图片

要在 `QGraphsView` 中使用鼠标中键缩放图片，您需要重新实现 `wheelEvent()` 函数。在该函数中，您可以检测到鼠标滚轮事件，并相应地缩放视图。

以下是一个示例实现：

class GraphsView(QGraphicsView):
    def __init__(self, parent=None):
        super().__init__(parent)
    
    def wheelEvent(self, event):
        # 获取当前的放缩比例
        current_scale = self.transform().m11()
        
        # 根据鼠标滚轮的滚动方向计算新的放缩比例
        if event.angleDelta().y() > 0:
            # 向上滚动，放大视图
            new_scale = current_scale * 1.1
        else:
            # 向下滚动，缩小视图
            new_scale = current_scale / 1.1
        
        # 设置新的放缩比例
        self.setTransform(QTransform.fromScale(new_scale, new_scale))

在上面的示例中，我们首先获取当前的放缩比例，然后根据鼠标滚轮的滚动方向计算新的放缩比例。最后，我们使用 `setTransform()` 函数将新的放缩比例应用到视图中。

请注意，上面的示例仅考虑了鼠标滚轮的滚动方向，并根据滚动方向进行缩放。如果您需要更高级的缩放控制，例如使用鼠标拖动进行缩放等，请参考 Qt 文档中的其他示例。

实现鼠标滚轮控制图片缩放效果的代码

可以使用以下代码实现鼠标滚轮控制图片缩放效果：

// 获取图片元素
var img = document.getElementById("myImg");

// 设置初始缩放比例
var scale = 1;

// 监听鼠标滚轮事件
img.addEventListener("wheel", function(e) {
  e.preventDefault(); // 阻止页面滚动
  var delta = e.deltaY || e.detail || e.wheelDelta;
  // 根据滚轮方向计算缩放比例
  if (delta > 0) {
    scale -= 0.1;
  } else {
    scale += 0.1;
  }
  // 设置缩放样式
  img.style.transform = "scale(" + scale + ")";
});

在上述代码中，我们首先获取了要操作的图片元素，然后设置了初始的缩放比例为1。接着，我们监听了鼠标滚轮事件，通过判断滚轮方向来计算缩放比例。最后，我们设置了缩放样式，将缩放比例应用到图片元素上。