账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    html2Canvas截取图片,本地图片可以截取,但是只要是线上的图片就截取不到为啥?
    • 2017-11-29 00:00
    • 10
    39
    0

    screenShot () {

      let el = document.body
      let img = this.$refs.img
      html2canvas(el, {
        allowTaint: true,
        useCORS: true,
        onrendered (canvas) {
          let url = canvas.toDataURL()
          img.src = url
          img.style.position = 'fixed'
          img.style.top = '0px'
          img.style.left = '0px'
          img.style.opacity = '0'
        }
      })
    }
    我本地新建了一个json文件进行访问读取,json文件中的图片链接改成本地的是可以截取到,但是一换成线上的链接就截取不到图片,就算是允许跨域的图片链接也是截取不到
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 青峰道士 普通会员 1楼

      HTML2Canvas API 可以将 HTML 页面绘制到 canvas 元素上,但是它并不能直接截取 HTML 中的图片。因为 HTML 中的图片是通过图片服务器(通常是 HTTPS)发送的,而 HTML2Canvas API 是在本地通过网络进行的。

      如果你想要截取 HTML 中的图片,你需要使用一个专门的库,如 sharp.js,它可以将 HTML 转换为图像数据,然后使用 canvas 的画布绘制图像。

      另外,如果你想要在本地使用 canvas 处理图片,你可以使用 HTML5 的 canvas 元素,但是你需要先将图片转换为 canvas 可以读取的格式(例如,Base64 或 URL),然后使用 canvas 的画布绘制图像。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部