js 复制图片至剪贴板(原生js,可复制word等、不可微信)

copyChart () { // 复制charts为图片
  // 获取highcharts的svg图片
  const img = new Image()
  img.src = `` //图片路径
  // 将svg转化为canvas
  const canvas = document.createElement('canvas')
  const context = canvas.getContext('2d')
  canvas.width = 600
  canvas.height = 400

  const _this = this
  img.onload = function () {
    // svg图加载完毕后绘制到canvas上
    context.drawImage(img, 10, 10)
    // 将canvas转化为png图片
    const imgEle = new Image()
    imgEle.src = canvas.toDataURL('image/png')
    _this.$refs.chartImg.appendChild(imgEle)
    imgEle.onload = function () {
      // 选择图片并复制
      const el = _this.$refs.chartImg.children[0]
      const range = document.createRange()
      const selection = window.getSelection()
      range.selectNode(el)
      selection.removeAllRanges()
      selection.addRange(range)
      document.execCommand('copy')
      selection.removeAllRanges()
      // 复制成功可发送成功message
      el.parentNode.removeChild(el)
    }
  }
}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值