走进SVG_技术问答

首页免费课走进SVG 问答

走进SVG

                
                techird
            JS工程师

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

全部评论问答未解决精华

谷歌浏览器灯塔的动画效果出不来

最赞回答 / qq_晒太阳的猫_4

灯塔的原型里面加上动画<polygon points="0 0 -400 -15 -400 15" fill="rgba(255,0,0,0.5)"> <animateTransform id="rotate" attributeType="XML" attributeName="transform" type="rotate" from="0" to="360" dur="10s" repeatCount="indefinite"> </polygon&...

1 回答 1699 浏览 6-2 clip标签裁切图形

2017-12-27

qq_晨曦_78

老师你的课件能发一份出来吗？

2 1-1 SVG简介

2017-12-14

railsbug

如果会photoshop会好理解好多很多蒙版知识都一模一样

0 6-4 总结

2017-12-11

railsbug

老师讲的很好啊O(∩_∩)O~

1 3-1 SVG-RGB和HSL

2017-12-11

nc1199

line-height&font-size设置0，取消默认设置是为了防止svg被撑满之后出现滚动条

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

2017-12-03

nc1199

额，还是说下我的理解把，UserSpaceOnUse既然是参照用户坐标系，那先得明白用户坐标系是个无限大的区域，所以用x2,y2为1这样的百分比去定义那他只会将整个画布显示你在stop中offset=1时设置的颜色(因为在一个无限大的区域中你要用百分比去定义渐变区间，这点貌似他不能做到，所以就只能选中一个结束点颜色去填充)。而如果你将x1,y1,x2,y2设置成一个非百分比定义且是你所要观察的渐变区域如：x1=100,y1=100,x2=300,y2=250,那这时由于你设置的渐变区域和svg里能显示的rect区域重合，所以他可以完成stop设置的渐变填充。

0 3-2 SVG-线性渐变和径向渐变

2017-12-02