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

走进SVG

难度中级
时长 4小时56分
学习人数
综合评分9.53
42人评价 查看评价
10.0 内容实用
9.2 简洁易懂
9.4 逻辑清晰
星空代码:https://github.com/toly1994328/svg-night

最新回答 / 丿有点丶小情绪丨
调整层级,然方块在红线的下面,只要方块的背景颜色不是透明的就可以盖住后面的线
如果我要根据一个数据比例然后实现很多的小方块沿着路径怎么实现哇

已采纳回答 / 慕的地142145
https://c.runoob.com/more/svgeditor/ 在线编辑器
简单易懂!!!
这节课有个误区,课中老师一直讲的是“矢量!矢量!矢量”,导致思维转换不过来。可以说 矢量=向量。老师在计算时也是直接用坐标进行计算的。这也就是为什么两个将x,y值传入Vector类中便产生了对应的矢量。再回去稍微看下向量的运算,就比较容易理解了。
附上copy的老师的代码:
https://github.com/phostann/requestAnimationFrame
正好看《svg精髓(第2版)》坐标体系不太明白,在这里可以好好理解一下了

最新回答 / 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
支持,兼容性还不错
我建议学这个系列课程,先把JS玩转再来,毕竟这个是中级内容,
还不会JS的话,说明还是个初学者吧。这一章我都是托进度条快进的,
课程须知
1.具备HTML+CSS知识基础;2.对CSS3有一定了解;3.具备一定JS的知识
老师告诉你能学到什么?
让学生能熟悉使用 SVG 在实际的 Web 项目中进行一些 2D 绘图、特效的开发。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消