使用SVG绘制简易灯笼

发布时间:2024-01-05 17:47:22

<svg width="330" height="280" viewBox="-100 -130 330 280">
  <rect x="-2" y="-89" width="200" height="5" fill="#F79257" />
  <circle cx="0" cy="20" r="70" fill="#D1495B" />
  <circle
    cx="0"
    cy="-75"
    r="12"
    fill="none"
    stroke="#F79257"
    stroke-width="2"
  />
  <rect x="-17.5" y="-65" width="35" height="20" fill="#F79257" />
  <rect x="-17.5" y="85" width="35" height="20" fill="#F79257" />
</svg>

?学习资料:Day 1: How to Draw Basic Shapes with SVG - SVG Tutorial (svg-tutorial.com)

?里面有25个小案例,很值得推荐学习SVG绘制学习

?案例部分截图:

?

?

文章来源:https://blog.csdn.net/fyydashen/article/details/135412513
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。