老师可不可以细致的解释一下怎么绘制五角星呢

老师可不可以细致的解释一下怎么绘制五角星呢

老师可不可以细致的解释一下怎么绘制五角星呢

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
玛丽大学前端 2019-09-14 16:42:51

同学你好,我写了一篇关于五角星绘制的详细博客,可以参考下https://blog.csdn.net/qq_36937220/article/details/100829878

好帮手慕言 2019-08-06 16:11:55

白羊诗酒纵年华同学你好,是做的这个吗?

http://img1.sycdn.imooc.com//climg/5d49356b0001f6fc19010895.jpg

如果是的话,就不是跟视频有关的内容,理论上老师是不帮助解决的哦,但是老师会帮助解决这一次,

建议同学创建一个新的问答,同学把相关代码都粘贴上来,图片老师可以去找一下,就不用发过来了。

祝学习愉快~

好帮手慕言 2019-07-12 09:59:10

同学你好,默认是在中心进行旋转的。

http://img1.sycdn.imooc.com//climg/5d27e963000126d702120212.jpg

但是可以通过设置transform-origin属性改变旋转基点,同学可以去复习一下这块知识,课程链接(https://class.imooc.com/lesson/764#mid=19085)

如果帮助到了你,欢迎采纳~祝学习愉快~


  • 提问者 白羊诗酒纵年华 #1
    老师 我这里做了一个模仿百度首页的练习,但是有bug出现,想要上传上来给老师们看一下,不过我这里不知道该怎么上传整个压缩包 ,因为里面还有图片 所以不知道该怎么上传,只能打包,却上传不上来!!
    2019-08-06 12:04:07
好帮手慕言 2019-07-05 19:01:13

同学你好!

由于代码的灵活性,实现的方式有很多种,老师这里提供一种参考的思路,同学若是能想到其他思路也可以尝试下哦,即:制作五角星,做出三个三角图形然后通过旋转角度最后通过定位把它们组合在一起,例:

http://img1.sycdn.imooc.com//climg/5d1f2d9a0001a0e901590150.jpg

代码参考:

http://img1.sycdn.imooc.com//climg/5d1f2dbe0001b48604000108.jpg

http://img1.sycdn.imooc.com//climg/5d1f2dd7000174ec06920757.jpg

http://img1.sycdn.imooc.com//climg/5d1f2de40001547b06240428.jpg

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 别话3 #1
    老师这个旋转的角度是以什么为中心转的 一直没理解这个
    2019-07-11 20:07:44
  • 我也困惑这个三角形。为什么border-left,border-right,border-bottom能控制出一个三角形呢
    2019-09-06 09:56:13
  • 我知道了,已解决
    2019-09-06 10:21:19
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师