1. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="480" height="480" viewBox="0 0 480 480">
  2. <path fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke="#436" d="
  3. M 24 24 h 432 v 432 h -432 Z
  4. M 240 24 v 432
  5. M 24 240 h 432
  7. M 96 96 h 288 v 288 h -288 Z
  8. M 168 24 v 72
  9. M 312 24 v 72
  10. M 24 168 h 72
  11. M 24 312 h 72
  12. M 168 456 v -72
  13. M 312 456 v -72
  14. M 456 168 h -72
  15. M 456 312 h -72
  17. M 240 96 l 144 144 l -144 144 l -144 -144 Z
  18. M 168 168 h 144 v 144 h -144 Z
  19. "/>
  20. </svg>
复制代码
M表示起始坐標，h横走，v豎走，l斜走 Z收尾。 選擇432作為寬度是因為它是8,16,12,6,的倍數，適合置於480內。 android手機瀏覽器察看本地文件： file:///sdcard/Download/242494.svg file:///storage/emulated/0/Download/242494.svg 之後到「https://ejsoon.win/apng」把svg轉成png。 這是我的作圖方法，僅供參考。以下是网页显示的矢量图效果，需要在附加选项中能勾选Html代码。（管理员编辑时帮我勾上的）