为了账号安全,请及时绑定邮箱和手机立即绑定

走进SVG

难度中级
时长 4小时56分
学习人数
综合评分9.53
42人评价 查看评价
10.0 内容实用
9.2 简洁易懂
9.4 逻辑清晰
拜托某些“大神”不要炫耀自己掌握的多好,真正的大牛不是自己吹出来的。
缺乏进取心的还在抱怨,真正的勇者已经开始去努力学习并掌握它了》》》
这一讲对于js新手来说很有难度,刚刚仿写一个,发现一些小问题,源码不是很规范,直接在js中操作DOM的id,而不是用getElementById。代码还可以继续做一些优化,比如encodeTranform()方法没必要返回一个数组,数组里面又包含逗号,看着很晕。直接在此方法中拼接字符串返回即可。而且涉及知识点较多:事件监听、target对象、原生DOM操作API、数组[unshift()shift()split()方法]、正则表达式、DOM3级的oninput事件、H5新增的input[type=color] [type=range]属性。如果大家能把这些知识点啃完,相信收货会更多。
回复 <a href="/space/u/uid/202123" target="_blank">满天星0123</a> :
估计也是 XLINK_NS 拼写错了
说的挺好的,详细简约

最新回答 / 丿有点丶小情绪丨
考古回答一下问题现在的echarts支持地理坐标加散点图
懂了是懂了-=-但是逻辑有点乱
老师挺幽默的.
自己理解下:
svg 的 width, height 定义一个世界
viewBox 的 x1, y1, x2, y2 定义看到的部分(截图)
meetOrSlice 把 viewBox 压缩或拉伸到一定尺寸
align 定义 viewBox 与容器的对齐方式
送上源码
http://codepen.io/chengzc8840/pen/XXNQdq
这节课就到这里,下课!
...........
看迷糊了,下去再找点文字看看.
一下子动画变得如此伟岸,物理着实迷人。
课程须知
1.具备HTML+CSS知识基础;2.对CSS3有一定了解;3.具备一定JS的知识
老师告诉你能学到什么?
让学生能熟悉使用 SVG 在实际的 Web 项目中进行一些 2D 绘图、特效的开发。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消