svg标签怎么用,有哪些属性?下面编程教程网小编给大家简单介绍一下!
svg标签可以通过、或者嵌入网页之中使用,svg的兼容性比较好。
svg标签属性:
| 参数 | 属性 |
|---|---|
| fill | 填充色 | url(id)这里主要是引用渐变色作为背景 |
| stroke | 线条的颜色 |
| stroke-width | 线条的宽度 |
| stroke-linecap | 线条末尾的样式 (默认)butt (圆角)round (方形)square ,round 和 square 会影响线条的长度 |
| opacity | 不透明度 0~1 |
| fill-rule | nonzero (非零环绕原则)evenodd |
| stroke-dasharray | 创建虚线数组 x,y,z,… (长度,间隔,长度,间隔。) |
| stroke-dashoffset | 偏移 |
| filter | url(id) 添加滤镜 |
| clipPath | 裁剪 |
编程基础网
本文标题为:svg标签属性有哪些?
基础教程推荐
猜你喜欢
- 返回页面顶部top按钮通过锚点实现(自写) 2023-11-30
- SCUI Admin中文文档官网介绍 2025-01-14
- react axios 跨域访问一个或多个域名问题 2023-02-23
- Fireworks工作区基础知识概述 2023-12-20
- css如何修改input输入框placeholder样式 2024-12-14
- Vue Router 的路由配置 动态路由和懒加载 2023-10-08
- 14款经典网页图片和文字特效的jQuery插件-前端开发必备 2024-01-16
- el-time-select赋值失败解决方法(从接口获取值赋值不上去) 2025-01-13
- 与iframe进行跨域交互的解决方案(推荐) 2023-12-26
- wow.js实现炫酷的页面滚动伴随动画示例详解 2024-01-16
