[html5] 学习笔记-SVG
2024-08-22 14:53:22
1、SVG介绍:什么是SVG?
1)SVG指可伸缩矢量图形(Scalable Vector Graphics)
2)SVG用来定义用于网络的基于矢量的图形
3)SVG使用XML格式定义图形
4)SVG图形在放大或改变尺寸的情况下,其图形质量不会有损失
5)SVG是万维网联盟的标准
SVG的优势?
1)SVG图像可通过文本编辑器来创建和修改
2)SVG图像可被搜索、索引、脚本化和压缩
3)SVG是可伸缩的
4)SVG图像可在任何的分辨率下被高质量的打印
5)SVG可在图像质量不下降的情况下被放大
2、SVG绘制矢量图形
<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8"> <title></title> </head> <body> <svg width="120" height="120" viewBox="0 0 120 120" version = "1.1"> <circle cx = "60" cy = "50" r="50"></circle> </svg> </body> </html>
3、引入外部SVG文件
(待补充)
最新文章
- java实现图像灰度化
- MVC5+EF6 入门完整教程七
- IntelliJ IDEA 发布最新版本13.0.1
- Linux下,telnet命令如何退出
- Volley学习总结
- js脚本放置位置
- linux安装pylab
- 常用ping服务列表
- VBA控件ListBox的BoundColumn和TextColumn用法,Value和Text的用法
- jQuery中的getJSON()
- 《JavaScript设计模式与开发实践》读书笔记之观察者模式
- JQuery-常用小组件
- 【struts2】ActionContext与ServletActionContext
- C# http请求带请求头部分
- P1378 油滴扩展 dfs回溯法
- 自学Aruba2.2-Aruba Web UI --Monitoring面板介绍
- HandlerSocket介绍
- 网络之NSURLSession
- 注意Sqlserver中使用with(nolock)后实际上还是会加架构锁,只是不对要查询的数据加S锁而已(转载)
- Mybatis-Plus的填坑之路 - Lynwood/wunian7yulian