走进SVG_技术问答

首页免费课走进SVG 问答

走进SVG

                
                techird
            JS工程师

                    查看讲师更多课程 
                    techird讲师的其他课程
                
SVG实现Tooltip气泡效果
中级·27800
免费课程
                                
                难度中级
            
                时长 4小时56分
            
                学习人数
            
综合评分9.53
                            42人评价
                        查看评价
                                10.0
                                内容实用
                            
                                9.2
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

Jone_Chen

太牛逼了，创造力我服送个源码
http://codepen.io/jonechen/pen/MKNqaM

1 7-4 SVG-力导向图

2016-02-24

慕运维1042618

meet就是放大或者缩小viewbox，使得viewbox完全填充视窗的最小边。slice就是让viewbox完全填充视窗的最大边。

0 2-1 SVG-视野的概念

2016-02-23

wangzhu

超级喜欢这老师，大大的赞。讲的太好，还不失幽默

0 2-5 SVG-坐标变换

2016-02-22

Jone_Chen

老师水平太高了，requestAnimationFrame，关于这个性能更高的JS动画，这都没有讲，

0 5-2 SVG-利用 dy 属性实现波浪文字效果

2016-02-22

Jone_Chen

s*Math.sin(w*i*20+t);最核心的在这里，这个要用到高中数学里三角函数求坐标了

0 5-2 SVG-利用 dy 属性实现波浪文字效果

2016-02-22

aa伊一

按老师的写出来有效果，很漂亮

1 5-2 SVG-利用 dy 属性实现波浪文字效果

2016-02-19

时间被海绵吃了_

这是什么PPT。。好酷

0 1-2 SVG的图形和属性

2016-01-23

MeJu

拜托某些“大神”不要炫耀自己掌握的多好，真正的大牛不是自己吹出来的。

3 1-4 综合实例：SVG编辑器

2016-01-22

MeJu

缺乏进取心的还在抱怨，真正的勇者已经开始去努力学习并掌握它了》》》

1 1-4 综合实例：SVG编辑器

2016-01-22

陈一杨

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

4 1-4 综合实例：SVG编辑器

2016-01-22