html2canvas生成的图片偏移问题

最新推荐文章于 2024-07-03 16:51:12 发布

爱吃豆角

最新推荐文章于 2024-07-03 16:51:12 发布

阅读量5.3k

点赞数 1

分类专栏： vue 文章标签： canvas

本文链接：https://blog.csdn.net/weixin_44267378/article/details/104991771

版权

本文探讨了使用html2canvas库在转换HTML为canvas时遇到的图像偏移问题，通过深入分析和实践，提供了解决这一常见问题的方法和技巧。适合对前端开发和canvas有兴趣的读者。

摘要由CSDN通过智能技术生成


      this.$nextTick(() => {
    // 使用$nextTick，解决数据还没有渲染到html就先转为图片，此时的图片会是空内容的问题
        // var canvas2 = document.createElement('canvas');
        // const _canvas = document.getElementById('downloadCardDiv');
        // var w = parseInt(window.getComputedStyle(_canvas).width);
        // var h = parseInt(window.getComputedStyle(_canvas).height);
        // var w = _canvas.offsetWidth;
        // var h = _canvas.offsetHeight;
        const canvas = document.createElement('canvas') // 创建一个canvas节点
        const shareContent = document.getElementById('downloadCardDiv') // 需要截图的

最低0.47元/天解锁文章

爱吃豆角

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
6
评论
html2canvas生成的图片偏移问题

this.$nextTick(() => { // 使用$nextTick，解决数据还没有渲染到html就先转为图片，此时的图片会是空内容的问题 // var canvas2 = document.createElement('canvas'); // const _canvas = document.getElementById('downlo...
复制链接

扫一扫

专栏目录