未捕获的TypeMismatchError：无法在'CanvasRenderingContext2D'上执行'drawImage' [英] Uncaught TypeMismatchError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D'

问题描述

我遇到以下代码段问题：

I am having issues with the following snippet:

var o = $("#inserted_motive").find("span");
    $.contains(document.documentElement, o[0]) ? b.fillText(m, i, h) : b.drawImage(d, i, h, e, f);
    var p = a.toDataURL("image/png");
    window.open(p)
}), $(function () {
    $("#tabs").tabs()
});

出现以下错误：

Uncaught TypeMismatchError：无法在'CanvasRenderingContext2D'上执行'drawImage'：提供的第一个参数为null，或者无效的HTMLImageElement，HTMLCanvasElement或HTMLVideoElement对象。

Uncaught TypeMismatchError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The 1st argument provided is either null, or an invalid HTMLImageElement, HTMLCanvasElement or HTMLVideoElement object.

---

也回答问题;

---

too answer the question;

 $("#creator").click(function () {
    var a = document.getElementById("final_image"),
        b = a.getContext("2d"),
        c = document.getElementById("shirt_main_canvas"),
        d = document.getElementById("inserted_image");
    b.drawImage(c, 0, 0);
    var e = $("#inserted_image").width(),
        f = $("#inserted_image").height(),
        g = $("#inserted_motive").position(),
        h = g.top,
        i = g.left,
        j = $("#inserted_motive span").css("font-size"),
        k = $("#inserted_motive span").css("font-family"),
        l = $("#inserted_motive span").css("color"),
        m = $("#inserted_motive span").text(),
        n = j + " " + k;

推荐答案

你应该查看你的 #inserted_image 在你的html中，因为它似乎不是：

You should check what your #inserted_image is in your html, because it seems it's not either of :

• 一个有效的HTMLImageElement


• 一个HTMLCanvasElement


• 一个HTMLVideoElement对象

这篇关于未捕获的TypeMismatchError：无法在'CanvasRenderingContext2D'上执行'drawImage'的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！