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

Canvas的限制

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

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表