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

SVG 参考手册

SVG 参考手册

1. 简介

SVG(可缩放矢量图形)是一种基于XML的图形格式,用于描述二维图形和图形应用程序。SVG图像在放大或缩小时不会失真,因为它们是由直线、曲线、点和多边形等数学对象定义的,而不是由像素组成的。这使得SVG非常适合网页设计、打印图形和动画。

2. 基础结构

一个基本的SVG文件结构如下所示:

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><!-- 图形内容 -->
</svg>
  • widthheight 属性定义了SVG图像的宽度和高度。
  • xmlns 属性定义了SVG命名空间。

3. 常用图形元素

3.1 矩形(<rect>

<rect x="10" y="10" width="30" height="20" style="fill:blue; stroke:black;"/>
  • xy 属性定义了矩形左上角的坐标。
  • widthheight 属性定义了矩形的宽度和高度。
  • style 属性定义了矩形的填充颜色和边框颜色。

相关文章:

  • 小熊文件工具箱免费版
  • 每天写java到期末考试(6.22)--集合5--练习
  • Spring框架中哪些地方使用了反射
  • 第六节 LLava模型数据处理源码解读(input_ids/labels/attention_mask/image,下篇)
  • 数据结构-图的基本概念
  • 小程序项目业务逻辑回忆4
  • huggingface连不上的解决方案
  • oracle发送http请求
  • C++ 反转一个二进制串
  • cd 命令特殊路径符 mkdir命令
  • Android | 性能优化 之 TraceView工具的使用
  • 基于SSM+Jsp的体育竞赛成绩管理系统
  • 45、基于深度学习的螃蟹性别分类(matlab)
  • 网络编程(TCP协议,UDP协议)
  • tron-passwd写入提权
  • 【108天】Java——《Head First Java》笔记(第1-4章)
  • Apache的基本使用
  • C++类的相互关联
  • codis proxy处理流程
  • ES6语法详解(一)
  • FastReport在线报表设计器工作原理
  • GitUp, 你不可错过的秀外慧中的git工具
  • JavaScript 一些 DOM 的知识点
  • OSS Web直传 (文件图片)
  • session共享问题解决方案
  • spring boot下thymeleaf全局静态变量配置
  • underscore源码剖析之整体架构
  • WePY 在小程序性能调优上做出的探究
  • Xmanager 远程桌面 CentOS 7
  • 彻底搞懂浏览器Event-loop
  • 关于字符编码你应该知道的事情
  • 机器学习学习笔记一
  • 技术:超级实用的电脑小技巧
  • 聊聊flink的BlobWriter
  • 前端之React实战:创建跨平台的项目架构
  • 入职第二天:使用koa搭建node server是种怎样的体验
  • 试着探索高并发下的系统架构面貌
  • 一些关于Rust在2019年的思考
  • 走向全栈之MongoDB的使用
  • 资深实践篇 | 基于Kubernetes 1.61的Kubernetes Scheduler 调度详解 ...
  • ​​​​​​​sokit v1.3抓手机应用socket数据包: Socket是传输控制层协议,WebSocket是应用层协议。
  • ​​快速排序(四)——挖坑法,前后指针法与非递归
  • ​Linux·i2c驱动架构​
  • ![CDATA[ ]] 是什么东东
  • # Python csv、xlsx、json、二进制(MP3) 文件读写基本使用
  • $$$$GB2312-80区位编码表$$$$
  • (13)DroneCAN 适配器节点(一)
  • (android 地图实战开发)3 在地图上显示当前位置和自定义银行位置
  • (ISPRS,2023)深度语义-视觉对齐用于zero-shot遥感图像场景分类
  • (NO.00004)iOS实现打砖块游戏(十二):伸缩自如,我是如意金箍棒(上)!
  • (pojstep1.1.1)poj 1298(直叙式模拟)
  • (TipsTricks)用客户端模板精简JavaScript代码
  • (八)光盘的挂载与解挂、挂载CentOS镜像、rpm安装软件详细学习笔记
  • (不用互三)AI绘画工具应该如何选择
  • (动态规划)5. 最长回文子串 java解决