当前位置: 首页 > 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>
http://www.dtcms.com/a/74012.html

相关文章:

  • 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
  • 蓝桥杯 刷题统计
  • Vue:添加响应式数据
  • Mysql中创建表时的约束条件
  • 使用Dependency Walker和Beyond Compare快速排查dll动态库损坏或被篡改的问题
  • JavaScript如何做类型转换
  • Python文字识别OCR
  • 麒麟服务器操作系统QT系列软件工具手册
  • 双指针算法-day11(双序列双指针)
  • 用hexo初始化博客执行hexo init时碰到的问题
  • 【即插即用涨点模块】EGA边缘引导注意力:有效保留高频边缘信息,提升分割精度,助力高效涨点【附源码+注释】
  • 告别硬编码:优雅管理状态常量与响应码