javascriptオブジェクトがイメージかキャンバスかどうかを確認するにはどうすればよいですか？

Question

私は、イメージ（つまり、IMG要素）またはキャンバスになることができるプロパティを持つクラスを持っています。 JSONにシリアル化するときに、これをテキスト文字列に変換する必要があります。それがキャンバスの場合、Canvas＃toDataURLを呼び出すことができます。しかし、画像の場合は、まずCanvas＃drawImageを使用してCanvasに描画し、toDataURLを使用してそのキャンバスを直列化する必要があります。

したがって、オブジェクトがCanvasかImageかどうかをどのように判断するのですか？ （Canvas＃drawImageはImageまたはCanvasオブジェクトを引数として受け入れることができるので、方法が必要です。）

私はいくつかのプログラマーがクラスを決定する特定のプロパティや関数の存在をテストしているのを見ましたが、これらのオブジェクトによって提示されたAPIが変更された場合に壊れないよりスマートな方法があるかどうか疑問に思っていました。

Answer 1

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

Answer 2

クロス窓/フレームの互換性は、あなたがnodeNameを確認することができ懸念される場合：

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