這一講對于js新手來說很有難度,剛剛仿寫一個,發(fā)現(xiàn)一些小問題,源碼不是很規(guī)范,直接在js中操作DOM的id,而不是用getElementById。代碼還可以繼續(xù)做一些優(yōu)化,比如encodeTranform()方法沒必要返回一個數(shù)組,數(shù)組里面又包含逗號,看著很暈。直接在此方法中拼接字符串返回即可。而且涉及知識點較多:事件監(jiān)聽、target對象、原生DOM操作API、數(shù)組[unshift()shift()split()方法]、正則表達(dá)式、DOM3級的oninput事件、H5新增的input[type=color] [type=range]屬性。如果大家能把這些知識點啃完,相信收貨會更多。
2016-01-22
回復(fù) <a href="/space/u/uid/202123" target="_blank">滿天星0123</a> :
估計也是 XLINK_NS 拼寫錯了
估計也是 XLINK_NS 拼寫錯了
2016-01-19
自己理解下:
svg 的 width, height 定義一個世界
viewBox 的 x1, y1, x2, y2 定義看到的部分(截圖)
meetOrSlice 把 viewBox 壓縮或拉伸到一定尺寸
align 定義 viewBox 與容器的對齊方式
svg 的 width, height 定義一個世界
viewBox 的 x1, y1, x2, y2 定義看到的部分(截圖)
meetOrSlice 把 viewBox 壓縮或拉伸到一定尺寸
align 定義 viewBox 與容器的對齊方式
2016-01-05