canvas和svg的區(qū)別
1.dom結(jié)構(gòu):
(1)canvas輸出是一整塊畫(huà)布悉默;
(2)Svg繪制的每一個(gè)圖形元素都是獨(dú)立的dom元素城豁,方便事件綁定和修改
2.圖形的屬性:
(1)canvas輸出標(biāo)量畫(huà)布,放大會(huì)失真抄课;
(2)svg是矢量圖片唱星,放大不失真。
3.canvas和svg的圖層點(diǎn)擊事件:
(1)Svg很簡(jiǎn)單跟磨,每個(gè)獨(dú)立的dom單獨(dú)綁定事件即可间聊;
(2)canvas麻煩點(diǎn),使用isPointInPath方法吱晒,three用原生射線Raycaster對(duì)象的方法甸饱;
PS:前端程序員一枚,熱愛(ài)分享web技術(shù)仑濒,新媒體音視頻叹话,航拍攝影知識(shí);公眾號(hào)“懸筆e絕”