svg画书签
时间: 2023-06-28 17:15:32 浏览: 111
svg动画-源文件压缩包
同样可以使用SVG来画书签,以下是一个简单的例子:
```html
<svg viewBox="0 0 40 60">
<polygon points="0,0 40,0 30,20 10,20" fill="#f00" />
<polygon points="2,2 38,2 28,18 12,18" fill="#fff" />
</svg>
```
上述代码中,`<svg>`元素是SVG图形的容器,`viewBox`属性用于设置该图形的视口大小。`<polygon>`元素则是用于绘制多边形的元素,`points`属性用于设置多边形的顶点坐标,`fill`属性用于设置填充颜色。
通过这样的方式,就可以使用SVG来画出一个简单的书签。需要注意的是,SVG的绘制方式不同于CSS的绘制方式,需要对SVG的基本形状和属性有一定的了解。
阅读全文