htmlayout设计ui 基础篇:[15]svg图使用

2024-10-13 14:40:37

1、第一,先拿到我们要使用的SVG图形代码,它是以.svg格式存在的如图所示:

htmlayout设计ui 基础篇:[15]svg图使用htmlayout设计ui 基础篇:[15]svg图使用

5、第五,主要是样式中的引用,来说下代码的意思:1、background-image:url(嘛术铹砾weather-few-clouds.svg);和背景掬研疔缎图片引用是一样的,只不过这里是引用.svg格式的(一样是矢量图片格式)2、background-repeat:no-repeat;表示只显示一张图片,没有重复3、background-position: 0 50%;表示水平左对齐,垂直居中对齐4、background-size:64dip;表示背景图片大小

6、第五,单位说明dip : device independent pixels(设备独立像素)不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和 QVGA 推荐使用这个,不依赖像素。

猜你喜欢