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

走进SVG

难度中级
时长 4小时56分
学习人数
综合评分9.53
42人评价 查看评价
10.0 内容实用
9.2 简洁易懂
9.4 逻辑清晰

最新回答 / 丿有点丶小情绪丨
调整层级,然方块在红线的下面,只要方块的背景颜色不是透明的就可以盖住后面的线

最新回答 / Luvoratorrrrry
说一点个人看法:画弧线时优先保证起点终点在同一椭圆上,rx和ry并不是实际的数值而是一个相对值 。<path d="M 100 100 A 2 1 0 0 1 600 300" stroke="red" fill="none" /><path d="M 100 100 A 200 100 0 0 1 600 300" stroke="red" fill="none" />比如这两段弧线,rx和ry相差一百倍,但是他们的比值是相同的,画出的弧线也是相同的。仅为简单实践之后得出的一点拙...

最新回答 / 慕粉jason
支持,兼容性还不错

最赞回答 / 我吃西瓜很快
var delta = x.length() - relation;x是两点之间的矢量, x.length()是两点之间的长度,delta就是两点之间的长度与relation之差。f = f.add(x.normalize(delta * k));delta * k 是用一个常量k将delta转化为一个合适的值,这个值控制着每一帧(大概每1/60秒)变化的位移变化量。x是两点之间的矢量,x.normalize(delta*k) 是x的单位矢量乘以delta*k的长度,也就是从点a到点b的方向上,移动del...

最新回答 / 慕粉2005264657
<polygon id="star" points="0 -10 2 -2 10 0 2 2 0 10 -2 2 -10 0 -2 -2" />这是一整个星星,不是一半的星星

最赞回答 / 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.具备HTML+CSS知识基础;2.对CSS3有一定了解;3.具备一定JS的知识
老师告诉你能学到什么?
让学生能熟悉使用 SVG 在实际的 Web 项目中进行一些 2D 绘图、特效的开发。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消