Skip to main content

个人:头像

· 3 min read
lailai
Blogger

说明

  1. 头像整体为 1000×10001000\times 1000 像素,划分为 5×55\times 5200×200200\times 200 色块
  2. 颜色分别为:
  • 绿色(G37A93CG\to\textcolor{37A93C}{37A93C}
  • 黄色(YFFC107Y\to\textcolor{FFC107}{FFC107}
  • 红色(RF44336R\to\textcolor{F44336}{F44336}
  • 蓝色(B2196F3B\to\textcolor{2196F3}{2196F3}
  • 白色(WFFFFFFW\to\textcolor{FFFFFF}{FFFFFF}
  • 黑色(K000000K\to\textcolor{000000}{000000}
  1. 色块布局为:
GYGYR
RBYYR
BGWRB
RGRYG
GGYBR
  1. 33 行第 33 列的中心白块为白底黑字的 L 图案:留白上下各 2020 像素、左右各 4040 像素,中间为 120×160120\times 160 的黑色区域,其中右上角 80×12080\times120 为白色。

代码

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000">
<style>.R{fill:#F44336;}.Y{fill:#FFC107;}.B{fill:#2196F3;}.G{fill:#37A93C;}.W{fill:#FFFFFF;}.K{fill:#000000;}</style>
<rect class="G" x="0" y="0" width="200" height="200"/>
<rect class="Y" x="200" y="0" width="200" height="200"/>
<rect class="G" x="400" y="0" width="200" height="200"/>
<rect class="Y" x="600" y="0" width="200" height="200"/>
<rect class="R" x="800" y="0" width="200" height="200"/>
<rect class="R" x="0" y="200" width="200" height="200"/>
<rect class="B" x="200" y="200" width="200" height="200"/>
<rect class="Y" x="400" y="200" width="200" height="200"/>
<rect class="Y" x="600" y="200" width="200" height="200"/>
<rect class="R" x="800" y="200" width="200" height="200"/>
<rect class="B" x="0" y="400" width="200" height="200"/>
<rect class="G" x="200" y="400" width="200" height="200"/>
<rect class="W" x="400" y="400" width="200" height="200"/>
<rect class="R" x="600" y="400" width="200" height="200"/>
<rect class="B" x="800" y="400" width="200" height="200"/>
<rect class="R" x="0" y="600" width="200" height="200"/>
<rect class="G" x="200" y="600" width="200" height="200"/>
<rect class="R" x="400" y="600" width="200" height="200"/>
<rect class="Y" x="600" y="600" width="200" height="200"/>
<rect class="G" x="800" y="600" width="200" height="200"/>
<rect class="G" x="0" y="800" width="200" height="200"/>
<rect class="G" x="200" y="800" width="200" height="200"/>
<rect class="Y" x="400" y="800" width="200" height="200"/>
<rect class="B" x="600" y="800" width="200" height="200"/>
<rect class="R" x="800" y="800" width="200" height="200"/>
<rect class="K" x="440" y="420" width="40" height="120"/>
<rect class="K" x="440" y="540" width="120" height="40"/>
</svg>