右键使用缩放

要实现“右键使用缩放”功能，你可以使用以下代码示例：

document.addEventListener('contextmenu', function(event) {
  // 取消默认的右键菜单
  event.preventDefault();

  // 获取当前鼠标指针的位置
  var mouseX = event.clientX;
  var mouseY = event.clientY;

  // 获取当前元素的缩放比例
  var scale = 1;
  if (document.body.style.transform) {
    var match = document.body.style.transform.match(/scale\((.*?)\)/);
    if (match && match.length > 1) {
      scale = parseFloat(match[1]);
    }
  }

  // 根据鼠标位置和当前缩放比例计算新的缩放比例
  var newScale = scale + 0.1;

  // 应用新的缩放比例
  document.body.style.transform = 'scale(' + newScale + ')';
  document.body.style.transformOrigin = mouseX + 'px ' + mouseY + 'px';
});

在上述代码中，我们首先取消了浏览器默认的右键菜单。然后，我们获取了鼠标指针的位置，并从当前元素的样式中提取出当前的缩放比例。接下来，我们根据鼠标位置和当前缩放比例计算出新的缩放比例，并将其应用到元素的样式中。请将上述代码添加到你的网页中，然后右键单击页面即可触发缩放功能。