走进SVG_技术问答

首页免费课走进SVG 问答

走进SVG

                
                techird
            JS工程师

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

全部评论问答未解决精华

frostbelt

自己理解下：
svg 的 width, height 定义一个世界
viewBox 的 x1, y1, x2, y2 定义看到的部分(截图)
meetOrSlice 把 viewBox 压缩或拉伸到一定尺寸
align 定义 viewBox 与容器的对齐方式

1 2-1 SVG-视野的概念

2016-01-05

qq_从天而降_0

送上源码
http://codepen.io/chengzc8840/pen/XXNQdq

4 8-1 总结

2015-12-31

晓得迷路了

这节课就到这里，下课！

2 3-3 SVG-使用笔刷

2015-12-24

追觅梦初的国度

...........

0 6-4 总结

2015-12-23

追觅梦初的国度

看迷糊了，下去再找点文字看看.

1 2-1 SVG-视野的概念

2015-12-22

阿辉2

一下子动画变得如此伟岸，物理着实迷人。

0 8-1 总结

2015-12-21

阿辉2

不得不说老师这逼装的我心服口服，无穷膜拜。。
我在想数学家或者物理学家做动画，那效果，必定增加普通人对学习数学和物理的兴趣。也不知道是数学界需要动画工程师和是动画界需要数学家，二者的结合起来会让两门科学都增色不少。。

3 7-4 SVG-力导向图

2015-12-21

阿辉2

text="ABCDEFG"明明是个字符串，为何可以用数组的方式调用？text[n+1]?

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

2015-12-21

满天星0123

代码就是抄写的老师的，，但use的尺寸是0px 什么都没有显示出来，，找不到哪里不一样

9 6-1 use标签创建图形引用

2015-12-21

阿辉2

不好意思，搞错鸟。应该是这样的：
给三角形设置三个控制点，控制点在三角形外切圆半径的2倍的圆上，并且三个控制点分别在圆心与对应边的垂直平分线上，此时就是圆。中间补集只要取控制点到对应边上的垂直平分线的一半就可以了，此时呈弧线形的三角形。不明白的画个图就可以了

0 4-6 回顾与思考

2015-12-21

阿辉2

求曲线长度我不知道，除了用微积分，还真想不出其他的方法。但是三角形到圆形的中间补集我倒是想出来了。给三角形设置三个控制点，控制点在三角形外切圆的上，并且三个控制点分别在圆心与对应边的垂直平分线上，此时就是圆。中间补集只要取控制点到对应边上的垂直平分线的一半就可以了，此时呈弧线形的三角形。不明白的画个图就可以了

0 4-6 回顾与思考

2015-12-21

阿辉2

视频连t的参数设置都没列出来，醉人

1 4-5 光滑贝塞尔曲线命令（T、S）

2015-12-21

阿辉2

可以把连线的斜率变化看成是曲线的斜率变化，这样就瞬间懂了

0 4-4 贝塞尔曲线命令（C、Q）

2015-12-21

阿辉2

意思是不能用rgba？

0 3-1 SVG-RGB和HSL

2015-12-21

阿辉2

不好意思，理解错了，其实是有意义的，以图形的坐标系作为参考坐标系，就不用考虑图形的tansform属性值，只要与图形的x y一致就对齐了。如果不为图形设置坐标系，就要考虑它的tansform属性值。

1 2-4 SVG-四个坐标系

2015-12-21

首页上一页 24 25 26 27 28 29 30 下一页尾页

开始学习

课程须知: 1.具备HTML+CSS知识基础；2.对CSS3有一定了解；3.具备一定JS的知识

老师告诉你能学到什么？: 让学生能熟悉使用 SVG 在实际的 Web 项目中进行一些 2D 绘图、特效的开发。

微信扫码，参与3人拼团

热搜

最近搜索清空

走进SVG