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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    html2canvas截图,安卓手机只可以截取当前可视区域,iPhone没这个问题,再怎么解决
    39
    0

    screenShot () {

      let el = document.getElementsByClassName('box')
      let img = this.$refs.img
      html2canvas(el, {
        useCORS: true,
        onrendered: function (canvas) {
          let url = canvas.toDataURL()
          img.src = url
          img.crossOrigin = "Anonymous"
        }
      })
    }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 快来扶我 普通会员 1楼

      HTML2Canvas API 是一个用于在浏览器中绘制HTML元素的库。如果你的 Android 手机只能够截取当前可视区域,可能是由于浏览器的限制或者你使用了某种特定的浏览器插件。

      如果你想在 Android 手机上使用 HTML2Canvas API 打印网页,你可以使用 JavaScript。以下是一个简单的示例:

      ```javascript // 创建一个新的 canvas var canvas = document.createElement('canvas');

      // 设置 canvas 的宽度和高度 canvas.width = 300; canvas.height = 300;

      // 创建一个新的 2d 图形 var ctx = canvas.getContext('2d');

      // 将 HTML 资源绘制到 canvas 上 ctx.drawImage(document.getElementById('yourHTMLElement'), 0, 0, canvas.width, canvas.height);

      // 获取绘制的 canvas var img = canvas.toDataURL();

      // 保存图片 document.body.appendChild(img); ```

      在这个示例中,我们首先创建了一个新的 canvas,并设置了它的宽度和高度。然后,我们创建了一个新的 2d 图形,并将 HTML 资源绘制到 canvas 上。最后,我们获取了绘制的 canvas,并将其保存为图片。

      请注意,这个示例假设你有一个 ID 为 'yourHTMLElement' 的 HTML 元素,它包含你想要截图的内容。如果你的 HTML 元素的位置不同,你需要相应地调整画布的大小和位置。

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