小胖墩er 小胖墩er
首页
  • 前端文章

    • JavaScript
    • Vue
    • ES6
    • Git
  • Vue
  • React
  • HTML
  • CSS
  • 工具类
  • GitHub技巧
  • 博客搭建
  • 友情链接
💖关于
💻收藏
  • 分类
  • 标签
  • 归档
📭主页 (opens new window)
GitHub (opens new window)

小胖墩er

Better later than never.
首页
  • 前端文章

    • JavaScript
    • Vue
    • ES6
    • Git
  • Vue
  • React
  • HTML
  • CSS
  • 工具类
  • GitHub技巧
  • 博客搭建
  • 友情链接
💖关于
💻收藏
  • 分类
  • 标签
  • 归档
📭主页 (opens new window)
GitHub (opens new window)
  • HTML

    • 滑动登录界面
    • svg基本绘制
      • 绘制一个SVG基本流程
  • 页面
  • HTML
小胖墩er
2021-11-23

svg基本绘制

# 绘制一个SVG基本流程

  • 绘制一个svg根标签
  • 绘制一个rect标签,它是一个绘制矩形的标签,宽高设置100%也就是把父级元素占满,fill属性为设置背景颜色
  • 绘制一个circle标签,它是一个绘制圆形的标签,cx和cy是偏移的属性(默认是0,即圆心在坐标0,0中绘画),r是半径大小
<svg width='300' height='200'>
  <rect width='100%' height='100%' fill='green'/>
  <circle cx='50' cy='50' r='50' fill='yellow'></circle>
</svg>
1
2
3
4
在线编辑 (opens new window)
#页面#svg
上次更新: 2021/11/23, 15:19:29
滑动登录界面

← 滑动登录界面

最近更新
01
毛玻璃效果
11-23
02
滑动登录界面
11-23
03
CSS选取第n个标签元素
11-18
更多文章>
🖥️

© 2021 小胖墩er 💌 粤ICP备2021158933号 🛀 Theme by 💝 Vdoing

  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×