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

【学习打卡】第3天 canvas绘图详解

标签:
CSS3

学习课程名称:canvas绘图详解
章节名称:线条的属性
讲师姓名:liuyubobobo


课程内容:

线条的帽子、线条的连接、画一个五角星


课程收获:


  • 属性: lineJoin(两线条交点样式)  值:miter(默认值 尖角)、bevel(衔接)、round(圆角)

  • 属性:lineCap(线条首尾两端样式) 值:butt(默认值)、round(圆角)、square(矩形角)

  • miterLimit规定一个帽子最小值,当帽子长度超过这个值,则自动使用lineJoin=bevel


画一个五角星

https://img1.sycdn.imooc.com//62fa4ef90001ab5e06850212.jpg

https://img1.sycdn.imooc.com//62fa4f0600012c5605610554.jpg

封装函数

https://img1.sycdn.imooc.com//62fa4f370001cded07520301.jpg



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
0
获赞与收藏
0

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消