SVG 绘制微信订阅号icon

效果

代码

cpp 复制代码
<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="600" height="600">
  <rect x="0" y="0" rx="0" ry="0" width="600" height="600" style="fill:#1677D2;stroke:black;stroke-width:0;opacity:1" />
  <rect x="140" y="120" rx="40" ry="40" width="320" height="360" style="fill:#fff;stroke:black;stroke-width:0;opacity:1" />
  <circle cx="200" cy="200" r="28" stroke="#fff" stroke-width="0" fill="#1677D2"/>
  <rect x="180" y="280" width="180" height="16" style="fill:#1677D2;stroke-width:0;stroke:rgb(0,0,0)"/>
  <rect x="180" y="320" width="120" height="16" style="fill:#1677D2;stroke-width:0;stroke:rgb(0,0,0)"/>
  <rect x="180" y="360" width="120" height="16" style="fill:#1677D2;stroke-width:0;stroke:rgb(0,0,0)"/>
</svg>

</body>
</html>
相关推荐
choke23313 分钟前
[特殊字符] Python 文件与路径操作
java·前端·javascript
wuhen_n1 小时前
JavaScript内置数据结构
开发语言·前端·javascript·数据结构
鹿心肺语2 小时前
前端HTML转PDF的两种主流方案深度解析
前端·javascript
一个懒人懒人2 小时前
Promise async/await与fetch的概念
前端·javascript·html
xiaoxue..3 小时前
合并两个升序链表 与 合并k个升序链表
java·javascript·数据结构·链表·面试
要加油哦~4 小时前
AI | 实践教程 - ScreenCoder | 多agents前端代码生成
前端·javascript·人工智能
一个public的class4 小时前
你在浏览器输入一个网址,到底发生了什么?
java·开发语言·javascript
青茶3604 小时前
php怎么实现订单接口状态轮询请求
前端·javascript·php
火车叼位4 小时前
脚本伪装:让 Python 与 Node.js 像原生 Shell 命令一样运行
运维·javascript·python
VT.馒头4 小时前
【力扣】2727. 判断对象是否为空
javascript·数据结构·算法·leetcode·职场和发展