html2canvas 生成canvas 后 转成图片报错

Question

 html2canvas($("#bodydiv"), {
                onrendered: function (canvas) {
                    document.body.appendChild(canvas);

                    convertCanvasToImage(document.getElementsByTagName("canvas"));

                }
            });
生成后用
function convertCanvasToImage(canvas) {
            var image = new Image();
            image.src = canvas.toDataURL("image/png");
            return image;
        }

报 canvas.toDataURL is not a function 这个错

这个生成的canvas原本在页面里没有的
如果我直接写一个空的canvas 就能获取到
有么有道友遇到过

Answer 1

document.getElementsByTagName得到的是dom数组，要转为canvas对象才有那个方法

 convertCanvasToImage(document.getElementsByTagName("canvas")[0]);