滚轮（触摸板）缩放指定区域

MDN - Element: wheel event;

function zoom(event) {
  // 缩放的时候 event.ctrlKey 为 true, 否则认为是滚动
  if (!event.ctrlKey) {
    return;
  }
  event.preventDefault();

  scale += event.deltaY * -0.01;

  // Restrict scale
  scale = Math.min(Math.max(.125, scale), 4);

  // Apply scale transform
  el.style.transform = `scale(${scale})`;
}

let scale = 1;
const el = document.querySelector('div');
el.onwheel = zoom;

Example

通过触摸板双指缩放，或者按住 Ctrl 滚动滚轮