跳到主要内容

个人头像

· 阅读需 3 分钟

我的个人头像代码。

说明​

  1. 头像整体为 1000×10001000\times 1000 像素，划分为 5×55\times 5 个 200×200200\times 200 像素色块。
  2. 颜色分别为绿色（G，37A93C\textcolor{37A93C}{37A93C}）、黄色（Y，FFC107\textcolor{FFC107}{FFC107}）、红色（R，F44336\textcolor{F44336}{F44336}）、蓝色（B，2196F3\textcolor{2196F3}{2196F3}）、白色（W，FFFFFF\textcolor{FFFFFF}{FFFFFF}）、黑色（K，000000\textcolor{000000}{000000}）
  3. 中心色块为白底黑字的 L 形图案：上下各留白 2020 像素，左右各留白 4040 像素；中间为 120×160120\times 160 的黑色区域，其中右上角 80×12080\times 120 为白色。
GYGYR
RBYYR
BGWRB
RGRYG
GGYBR

代码​

logo.svg
<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>