GitHub iconTwitter icon

🖼 image

something about operate image

Html2Canvas(container as HTMLElement).then((canvas: HTMLCanvasElement) => {
  canvas.toBlob(blob => {
    if (!blob) {
      return;
    }
    const item = new ClipboardItem({ "image/png": blob });
    (navigator.clipboard as any).write([item]);
    container.removeChild(sheet);
    setCopyLoading(false);
  });
});
  1. 打开`chrome-devtools`
  2. 点击响应式视图(那个手机小图标)
  3. 设置为`1280 * 800`

`sips -g pixelHeight -g pixelWidth $1`

  • 截屏 `command+shift+3,4,5`
  1. 鼠标悬浮之后微微放大图片
  2. 如果遇到加载的情况,应该是加载的指针
  3. 多图片应该是`lazy`的加载方式
  • 宽高调整为一致 `sips -Z <size> <imagepath>`