五角星边角怎么计算的？

组成五角星的三角形各边长、旋转角度、position的值是如何计算出来的？

sherryliu 2018-04-12

源自：CSS3转换 2-9 编程练习

60

收起

1回答

bbbboom 2018-04-13 13:48:28

我是通过先写一个红色的三角形（与黄色和蓝色三角形大小是一样的），使用伪类:before和:after来完成的黄色和蓝色三角形，然后通过定位和旋转角度的调整，这个的定位是通过计算出来的，如果是旋转角度就需要一点一点的调整了，不是那么精确，实际上用的时候，直接拿来代码就可以了，不用自己算的。

weixinapp_慕粉007 #1

定位是怎么计算的老兄？

2018-06-15 16:51:28
bbbboom 回复 weixinapp_慕粉007 #2

这个就得需要勾股定理了，你自己可以试试。但是这个你只要原理是什么样的就行，用的时候直接拿代码就可以了。

2018-06-15 17:03:24

相似问题

通过三角形拼成五角星，具体尺寸是怎么计算的

五角星画图

控制五角星问题

请问老师关于五角星的计算

老师五角星图案怎么弄？

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载