这一讲对于js新手来说很有难度,刚刚仿写一个,发现一些小问题,源码不是很规范,直接在js中操作DOM的id,而不是用getElementById。代码还可以继续做一些优化,比如encodeTranform()方法没必要返回一个数组,数组里面又包含逗号,看着很晕。直接在此方法中拼接字符串返回即可。而且涉及知识点较多:事件监听、target对象、原生DOM操作API、数组[unshift()shift()split()方法]、正则表达式、DOM3级的oninput事件、H5新增的input[type=color] [type=range]属性。如果大家能把这些知识点啃完,相信收货会更多。
2016-01-22
回复 <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