¿Cómo puedo saber si un objeto javascript es una imagen o un lienzo?

Question

Tengo una clase con una propiedad que puede ser una imagen (es decir, un elemento IMG) o un lienzo. Cuando lo serializo en JSON, necesito convertir esto a una cadena de texto. Si es un lienzo, entonces puedo llamar a Canvas # toDataURL. Pero si se trata de una imagen, primero tengo que dibujarla en un lienzo con canvas # drawImage, luego serializar ese lienzo con toDataURL.

Entonces, ¿cómo puedo determinar si el objeto es un lienzo o una imagen? (Debido a que Canvas # drawImage es capaz de aceptar objetos de Imagen o de Lienzo como argumento, debe haber una forma).

He visto que algunos programadores prueban la existencia de ciertas propiedades o funciones para determinar la clase, pero Me preguntaba si existe una forma más inteligente que no se rompa si cambia la API presentada por estos objetos.

Answer 1

function isImage(i) { 
    return i instanceof HTMLImageElement; 
} 

Answer 2

Si la compatibilidad entre la ventana/marco es una preocupación puede comprobar nodeName:

var isImg = (element.nodeName.toLowerCase() === 'img');