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标签属性有哪些?


基础教程推荐
猜你喜欢
- 浅谈vue选项式API和组合式API的基本用法 2025-01-14
- 微信小程序实现商品数据联动效果 2022-08-30
- JavaScript封装Vue-Router实现流程详解 2024-01-06
- SCUI Admin中文文档官网介绍 2025-01-17
- css3利用视差实现做一个酷炫交互动效 2024-12-13
- 与Vue2相比,Vue3有哪些性能提升? 2025-01-13
- 关于 extjs4:Extjs Grid 面板 – 使用 hideable=false 2022-09-15
- 全面解析Ajax综合应用(全) 2023-01-20
- Ajax上传文件进度条Codular 2023-02-01
- 使用jQuery实现图片轮播效果 2023-12-11