当前位置: 首页 > Web前端 > HTML

svg01——svg介绍及简单使用

时间:2023-03-28 00:53:31 HTML

1.SVG意为可缩放矢量图形(ScalableVectorGraphics)svg是以XML描述的矢量文件。矢量图形和位图有什么区别?位图是基于像素对颜色的描述,所以放大后会模糊。矢量图是基于数学描述的,比如圆形,无论怎么放大都是圆形。2、使用svg将css背景导入img中直接在html中使用直接在浏览器中打开代码:1、首先准备一个rect.svg文件2.在test.html

/div>.rect{width:200像素;高度:200px;background-image:url('./rect.svg');}直接在浏览器打开的效果: