当前位置: 首页 > news >正文

svg画图

svg画图

  • 一、rect 矩形
  • 二、path 不规则图形
    • 圆角边框
    • 圆角


一、rect 矩形

<svg width="30" height="30">
	<rect x="5" y="5" width="20" height="20" fill="transparent" stroke-width="2" stroke="#2e6099" />
</svg>

二、path 不规则图形

圆角边框

<svg width="30" height="30">
	<path fill="transparent" stroke-width="2" stroke="#2e6099" d="M 15 5 L 90 5 Q 95 5,95 15 L 95 50 Q 95 55,90 55 L 15 55 Q 10 55, 10 50 L 10 10 Q 10 5,15 5"/>
</svg>

圆角

<svg width="30" height="30">
	<path fill="transparent" stroke-width="2" stroke="#2e6099" d="M 20 5 L 15 5 Q 10 5 10 10 L 10 15"/>
</svg>

相关文章:

  • MySQL复合查询
  • RocketMQ学习
  • 二次型 → 矩阵的正定性 → 特征值
  • 详解软件设计原则
  • python调用百度人脸识别接口
  • 第十一次CCF-CSP认证(含C++源码)
  • TensorFlow 基本原理与使用场景
  • 【SpringBatch】01简单入门
  • 简要分析NLMSG_DONE参数
  • Ubuntu下升级node.js从12.22到22.14
  • 商业智能BI分析中,汽车4S销售行业的返厂频次有什么分析价值?
  • 查看IP地址/Ping 命令
  • TX-LCN 框架
  • Couchbase Analytics 页面右侧的“Analytics Scopes, Links, Collections”等的解释
  • 在 ARM 嵌入式 Linux 下使用 C/C++ 实现 MQTT
  • HCIA-Access V2.5_14_3_1系统基本操作_管理操作用户
  • RxSwift 学习笔记第四篇之RxSwift在项目中的简单应用
  • Unix时间戳BKP备份寄存器RTC实时时钟
  • C# 不同框架如何调用framework 和 net core
  • 蓝桥杯 刷题统计
  • 6连败后再战萨巴伦卡,郑钦文期待打出更稳定发挥
  • 飙升至熔断,巴基斯坦股市两大股指收盘涨逾9%
  • 商务部新闻发言人就中美日内瓦经贸会谈联合声明发表谈话
  • 从采购到销售!市场监管总局指导行业协会防控肉品风险
  • 基因编辑技术让蜘蛛吐彩丝
  • 外交部就习近平主席将出席中拉论坛第四届部长级会议开幕式介绍情况