主頁 > 知識庫 > html5 svg 中元素點擊事件添加方法

html5 svg 中元素點擊事件添加方法

熱門標簽:搜狗星級酒店地圖標注 江蘇高頻外呼系統(tǒng)線路 平頂山電子地圖標注怎么修改 洛陽市伊川縣地圖標注中心官網(wǎng) 高德地圖標注錯誤怎么修改 會聲會影怎樣做地圖標注效果 電銷機器人視頻 標準智能外呼系統(tǒng) 地圖標注自己去過的地方
最近在用svg的點擊事件做東西,之所以用svg而不用canvas就是因為svg內的元素可以添加點擊事件,他們之間詳細的區(qū)別如下:
Canvas 與 SVG 的比較(詳見)
下表列出了 canvas 與 SVG 之間的一些不同之處。

Canvas
•依賴分辨率
•不支持事件處理器
•弱的文本渲染能力
•能夠以 .png 或 .jpg 格式保存結果圖像
•最適合圖像密集型的游戲,其中的許多對象會被頻繁重繪

SVG
•不依賴分辨率
•支持事件處理器
•最適合帶有大型渲染區(qū)域的應用程序(比如谷歌地圖)
•復雜度高會減慢渲染速度(任何過度使用 DOM 的應用都不快)
•不適合游戲應用

做出的網(wǎng)頁在chorme下可以正常使用,因為要支持移動設備,在android上測試也正常,但是在ipad上打開頁面時發(fā)現(xiàn)點擊事件不管用了,查了很多資料,沒有找到問題原因,后來查到w3c中對于svg的描述的demo的確可以實現(xiàn)點擊的效果,對比代碼,發(fā)現(xiàn)自己使用的jquery給svg的元素添加的點擊事件,而在svg的元素中沒有 onclick="circle_click(evt)"類似描述,添加上onclick="click(evt)"果然在ipad上svg的元素有了點擊事件

標簽:松原 廣東 蚌埠 果洛 鄂爾多斯 廣西 阿克蘇 常德

巨人網(wǎng)絡通訊聲明:本文標題《html5 svg 中元素點擊事件添加方法》,本文關鍵詞  html5,svg,中,元素,點擊,事件,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《html5 svg 中元素點擊事件添加方法》相關的同類信息!
  • 本頁收集關于html5 svg 中元素點擊事件添加方法的相關信息資訊供網(wǎng)民參考!
  • 推薦文章