DOMは、Webフロントエンドフィールドの非常に重要な部分です。 HTML要素を処理するときにDOMが使用されるだけでなく、グラフィックプログラミングも使用されます。たとえば、SVG図面では、さまざまなグラフィックがDOMノードの形でページに挿入されます。つまり、グラフィックはDOMメソッドを使用して動作できます。たとえば、要素<path id = p1>がある場合、jqueryを使用してクリックイベント$（ '＃p1'）を追加できます。ただし、このDOM処理方法は、HTML5キャンバスでは適用できなくなりました。 Canvasは別のメカニズムセットを使用します。キャンバスにいくつのグラフィックが描かれていても、キャンバスは全体です。グラフィック自体は実際にはキャンバスの一部であり、個別に取得することはできないため、特定のグラフにJavaScriptイベントを直接追加することは不可能です。
キャンバスの制限キャンバスでは、すべてのグラフィックがフレームに描かれています。描画方法は、描画されたグラフィック要素を返品値として出力せず、JSは既に描画されたグラフィック要素を取得できません。例えば：
コードをコピーします