DOM是Web前端領域非常重要的組成部分，不僅在處理HTML元素時會用到DOM，圖形編程也同樣會用到。比如SVG繪圖，各種圖形都是以DOM節點的形式插入到頁面中，這就意味著可以使用DOM方法對圖形進行操作。比如有一個<path id="p1">元素，可以直接用jquery增加click事件$('#p1').click(function(){…})"。然而這種DOM處理方法在HTML5的Canvas里不再適用，Canvas使用的是另外一套機制，無論在Canvas上繪制多少圖形，Canvas都是一個整體，圖形本身實際都是Canvas的一部分，不可單獨獲取，所以也就無法直接給某個圖形增加JavaScript事件。

Canvas的限制

在Canvas里，所有圖形都繪制在幀上，繪制方法不會將繪制好的圖形元素作為一個返回值輸出，js也無法獲取到已經繪制好的圖形元素。比如：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表