javascript – Canvas.toDataURL()未捕获TypeError：undefined不是函数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Canvas.toDataURL()未捕获TypeError：undefined不是函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1129字，纯文字阅读大概需要2分钟。

内容图文

我正在使用一个名为html2canvas的插件将我页面上的一些html转换为canvas元素.然后我想将该画布保存为图像.不幸的是,我一直遇到标题中的错误.我尝试过不同的变量名,不同的html等.但是仍然遇到同样的错误.这是我的代码(按下按钮时触发)：

JS

function generate(){
        html2canvas($('#b2_1'), {
            onrendered: function(canvas) {
                canvas.setAttribute("id", "canvas");
                document.body.appendChild(canvas);
            }
        });//this all works, the canvas appears as expected

        var myCanvas = $(document).find('#canvas');
        myCanvas.css("margin-left", "50px");//this was to test I was selecting the right element, the canvas moves
        var myImg = myCanvas.toDataURL();//code breaks here
    }

解决方法:

好吧,我发现我的问题是我试图在我的jQuery对象而不是我的canvas元素上调用toDataURL().为了解决这个问题,我使用了.get(0).完整代码如下：

function generate(){
        html2canvas($('#b2_1'), {
            onrendered: function(canvas) {
                canvas.setAttribute("id", "canvas");
                document.body.appendChild(canvas);
            }
        });//this all works, the canvas appears as expected

        var myCanvas = $(document).find('#canvas');
        myCanvas.css("margin-left", "50px");
        var myImg = myCanvas.get(0).toDataURL();//have to get the canvas element from the jquery object
    }

内容总结

以上是互联网集市为您收集整理的javascript – Canvas.toDataURL()未捕获TypeError：undefined不是函数全部内容，希望文章能够帮你解决javascript – Canvas.toDataURL()未捕获TypeError：undefined不是函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端