Web API 使用记录

• navigator.clipboard.writeText

navigator.clipboard.writeText('粘贴内容').then(
  () => {
    message.success('复制成功');
  },
  () => {
    message.error('复制失败');
  },
);

navigator.clipboard.write

const canvas = document.createElement('canvas');
const scale = window.devicePixelRatio > 1 ? window.devicePixelRatio : 2;
const { offsetWidth, offsetHeight }  = document.querySelector('#invitation-poster img');
canvas.width = scale * offsetWidth;
canvas.height = scale * offsetHeight;
html2canvas(document.querySelector("#invitation-poster"), {
  scale,
  canvas,
}).then((canvas) =>
  canvas.toBlob((blob) =>
    navigator.clipboard
      .write([new window.ClipboardItem({ "image/png": blob })])
      .then(() => {
        message.success("图片复制成功");
      })
  )
);

• navigator.userAgent

// 判断当前浏览器是PC端还是移动端
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)